“视图”路径与express.static中使用的路径有什么区别？

Question

我从来没有将Express用作用于向WebSocket应用程序提供JavaScript和HTML的静态HTML服务器。 现在，我对一些试图工作的示例代码感到非常困惑。

在将示例更新为最新的Express版本后，初始化代码如下所示：

var methodOverride = require('method-override');
var bodyParser = require('body-parser');
var errorHandler = require('errorhandler');
// One path...
app.set('views', __dirname + '/views');

app.set('view engine', 'pug');
app.use(bodyParser.urlencoded({
  extended: true
}));
app.use(methodOverride());

var path = require ('path');
// Another path
app.use(express.static(path.join(__dirname, '/public')));

我对express.static很熟悉。 这就是托管静态HTML，图像，脚本和其他文件的路径。 但是另一条路困扰着我，我不明白这两行：

app.set('views', __dirname + '/views');
app.set('view engine', 'pug'); // Maybe some HTML template parser???

问题是，这实际上会导致错误：

错误：无法在视图目录“ ... project path .../views ”中查找视图“索引”

我不是在这里只是为了解决错误。 我更想知道我的意思是什么代码。 谁能告诉我，我在做什么？

Answer 1

views不是静态的。 当您使用response.render方法时， express将查找提供的模板名称字符串，以找到一个模板，然后解析并发出该模板。

如果您的/views/index.pug包含以下内容：

html
  body
    h1= message

您可以创建一条路线：

app.get('/' (req, res) => {
  res.render('index', {message: "hello"});
});

如果要访问静态目录中的内容，也可以直接使用该路由。

有关express模板引擎使用的更多信息，请点击此处