使用Express.js的自定义404页面

Question

引发404错误时，我正尝试重定向到html页面。 我的公用文件夹中有一个名为404的文件夹。 这是index.js中的代码：

var express = require('express');
var app = express();

app.use(express.static(__dirname + "/public"));

app.route('/me').get(function(req, res){

res.sendFile(__dirname+'/public/html/contacts.html')


})

app.use(function(req, res, next){

// res.type('txt').send('Not found');
// res.status(404).end('error');

  if (req.accepts('html')) {
    res.render('404', { url: req.url });
    return;
  }

});



var server = app.listen(8000, function(){

console.log("Server is happening %s", server.address().port);

});

但是我收到以下错误：

错误：未指定默认引擎，也未提供扩展名。 在EventEmitter.render（/home/pi/server/node_modules/express/lib/application.js:569:12）在新视图（/home/pi/server/node_modules/express/lib/view.js:62:11） ），位于Layer.handle的/home/pi/server/index.js:19:9的ServerResponse.render（/home/pi/server/node_modules/express/lib/response.js:961:7）[作为handle_request] （/home/pi/server/node_modules/express/lib/router/layer.js:95:5）位于trim_prefix（/home/pi/server/node_modules/express/lib/router/index.js:312:13）在/home/pi/server/node_modules/express/lib/router/index.js:280:7在Function.process_params（/home/pi/server/node_modules/express/lib/router/index.js:330:12 ）在下一个（/home/pi/server/node_modules/express/lib/router/index.js:271:10）在SendStream.error（/ home / pi / server / node_modules / express / node_modules / serve-static / index .js：120：7）错误：未指定默认引擎，也未提供扩展名。 在EventEmitter.render（/home/pi/server/node_modules/express/lib/application.js:569:12）在新视图（/home/pi/server/node_modules/express/lib/view.js:62:11） ），位于Layer.handle的/home/pi/server/index.js:19:9的ServerResponse.render（/home/pi/server/node_modules/express/lib/response.js:961:7）[作为handle_request] （/home/pi/server/node_modules/express/lib/router/layer.js:95:5）位于trim_prefix（/home/pi/server/node_modules/express/lib/router/index.js:312:13）在/home/pi/server/node_modules/express/lib/router/index.js:280:7在Function.process_params（/home/pi/server/node_modules/express/lib/router/index.js:330:12 ）在下一个（/home/pi/server/node_modules/express/lib/router/index.js:271:10）在SendStream.error（/ home / pi / server / node_modules / express / node_modules / serve-static / index的.js：120：7）

Answer 1

如果您可以将404页面404静态页面，则只需执行以下操作：

res.sendFile('/path/to/404.html');

相反，如果要渲染某个视图模型对象（例如{url: req.url} ），则必须决定使用模板引擎（例如Jade，EJS，Handlebars）。 例如，假设您想使用玉器，首先将其安装为依赖项：

npm install jade

然后，您应该在脚本的开头添加以下行：

app.set('view', path.join(__dirname, 'private/view/path'));
app.set('view engine', 'jade');

模板引擎到位后，您可以执行以下操作：

res.render('viewName', viewModelObject)

并且viewName将解析为./private/view/path/viewName.jade 。 因此，假设存在./private/view/path/404.jade ，则可以执行以下操作：

res.render('404', { url: req.url });

请记住将模板（即.jade文件）保存在用户无法访问的地方。

Answer 2

app.use(function(req, res, next) {
      var err = new Error('Not Found');
      err.status = 404;
      next(err);
    });

Answer 3

对于response.render方法，您必须使用ejs之类的模板引擎。

并且您必须设置视图选项。

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

但是，如果您已将404文件放在公用文件夹中，则只需使用sendfile或重定向到静态路径即可。