node.js - NodeJS，如何使用 Express 4 呈现静态 HTML？

Question

我需要在 express 4 中呈现 HTML 文件，我写了类似这样的东西但效果不佳。

  app.route('/form1').get(function(req,res){
        res.sendfile('./public/danial/forms/form1.html');
  });

此代码可以发送 HTML 文件，但它只发送 HTML 文件而不发送 HTML 文件需要它们的 css 或 js 文件，这是日志:

   GET /form1 304 2.743 ms - -
   GET /css/bootstrap.css 404 2.284 ms - -
   GET /css/bootstrap-theme.css 404 2.193 ms - -
   GET /css/bootstrap-switch.css 404 2.226 ms - -
   // and many others

我需要做这样的事情:

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

我该如何解决？

(许多其他问题是针对 express 3 的，我找不到答案)

Answer 1

在没有 View 引擎的情况下在 Express 4 中呈现 HTML

以下面的目录结构为例..

-> root
   -> node_modules
      -> express
      -> html
   -> public
      -> pages
         -> index.html
   -> app.js

app.js

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

// set static directories
app.use(express.static(path.join(__dirname, 'public')));

app.get('/', function (req, res) {
    res.sendFile(path.join(__dirname+ '/public/pages/index.html'));
});

var port = process.env.PORT || 5000;
app.listen(port);
console.log('Listening on port ',  port);

注意:如果您遇到此错误.. 找不到模块“html” 这是因为您缺少 HTML Node 模块。从项目根目录运行 npm install html 命令来修复此问题。