node.js - Express.js 应用程序经常在没有硬刷新的情况下加载新路由？

Question

我遇到了一个奇怪的问题。当我在我的 Express.js 应用程序中从一个页面导航到另一个页面时（目前我有三个页面：主页、关于、联系人），该页面显示为空白。只有当我在我的 Mac 上进行硬刷新（Shift Command R）时才会加载所有资产。当我查看 Chrome 开发工具中的网络选项卡时，看起来好像资产正在加载——我没有看到一个404的。

这是我的应用程序目录的屏幕截图，供您查看我正在使用的内容：http: //d.pr/i/lQlV

另外，这是我的 app.js 文件：

var express = require('express')
    , partials = require('express-partials')
    , app = express();

app.configure(function() {
    app.set('title', ' | ToDo App');
    app.set('view engine', 'ejs');
    app.use(express.static(__dirname + '/public'));
    app.set('views', __dirname + '/views');
    app.use(partials());
});

app.get('/', function(request, response, next) {
    response.render('index', { title: "Home" + app.get('title') });
});

app.get('/home', function(request, response, next) {
    response.redirect('/');
});

app.get('/about', function(request, response) {
    response.render('about', { title: "About" + app.get('title') });
});

app.get('/contact', function(request, response) {
    response.render('contact', { title: "Contact" + app.get('title') });
});

app.use(function(request, response){
    response.render('404', { title: "404" + app.get('title') });
});

app.listen(3000);

Answer 1

您没有使用app.router，它处理您的所有路线：

app.use(app.router); 

app.get('/', function(req,res,next){
res.render('index');
});