0

每当我在我的开发网站上加载一个带有表单 url 的页面时,localhost:8000/news一切都会正确加载。但是,如果我添加一个斜杠,如下所示:localhost:8000/news/站点冻结。我可以看到它正在尝试使用路径/news/partials/footer和其他一些加载部分。它正在尝试加载主页使用但路径错误的部分。我不知道为什么这会冻结 Chrome,但确实如此。

我已经尝试了几个小时来弄清楚这是怎么回事,但似乎无法理解为什么会发生这种情况。这是我正在使用的代码(取出一些我保证不相关的部分):

应用程序.js:

var app = module.exports = express();

// Configuration
app.configure(function() {
    app.use(express.bodyParser());
    app.use(express.methodOverride());
    app.use(express.static(__dirname + '/public'));
    app.use(app.router);
});

app.configure('development', function(){
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.configure('production', function(){
    app.use(express.errorHandler());
});


var galleryProvider = new GalleryProvider();

galleryProvider.client.open(function(err, result) {
  galleryProvider.client.authenticate('user', 'pass', function(err, result) {
    if (!err) {
      console.log('Mongo connected. Listening on port ' + (process.env.PORT || 8000));
      app.listen(process.env.PORT || 8000);
    } else {
      console.log(err);
    }
  });
});

// Routes
app.get('/', routes.index);
app.get('partials/:name', routes.partials);

/* some backend routes that the page does not look at */

app.get('*', routes.index);

路线/index.js

/*
 * GET home page.
 */

//get correct directory path
var filePath = __dirname.replace('routes', 'views/');

exports.index = function(req, res) {
    res.sendfile(filePath + 'index.html');
};

exports.partials = function (req, res) {
    var name = req.params.name;
    res.sendfile(filePath + 'partials/' + name + '.html');
};

公共/js/app.js

// Declare app level module which depends on filters, and services
var lscGallery = angular.module('lscGallery', []);

lscGallery
  .config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider.when('/', {templateUrl: 'partials/home', controller: 'AppCtrl'});
    $routeProvider.when('/artists', {templateUrl: 'partials/artists', controller: 'GalleryCtrl'});
    $routeProvider.when('/exhibitions', {templateUrl: 'partials/exhibitions', controller: 'GalleryCtrl'});
    $routeProvider.when('/news', {templateUrl: 'partials/news'});
    $routeProvider.when('/about', {templateUrl: 'partials/about'});
    $routeProvider.when('/contact', {templateUrl: 'partials/contact'});
    $routeProvider.when('/admin', {templateUrl: 'partials/login'});
    $routeProvider.otherwise({redirectTo: '/'});

    $locationProvider.html5Mode(true);
    $locationProvider.hashPrefix('!');
  }]);

谢谢!

PS 如果有帮助,我将把它用作我网站的种子。

4

1 回答 1

0

我想到了。我认为在美好的一天坐在外面才能弄清楚。

部分路由仍然在我的指令中设置为相对路径(例如templateUrl: 'partials/gallery'),即使我希望始终从根 url 中提取部分。傻我。

于 2013-08-03T23:18:34.307 回答