Question

我的文件夹结构如下：

/app
   |-routes.js
/public 
   |-index.html
server.js

Server.js看起来像这样：

var nunjucks = require('nunjucks');
var express        = require('express');
var app            = express();
nunjucks.configure('public', { autoescape: true, express: app });
var port = process.env.PORT || 8080; 
app.use(express.static(__dirname + '/public'));
require('./app/routes')(app); // configure our routes
app.listen(port);               
exports = module.exports = app;

app / routes.js看起来像这样：

module.exports = function(app) {
        app.get('*', function(req, res) {
            res.render('index.html', { awesome: 'page-title' }); 
        });
    };

public / index.html如下所示：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <base href="/">

    <title>{{awesome}}</title>

</head>
<body>
        <h1>{{ awesome }}</h1>    
    </div>
</body>
</html>

当我启动我的节点应用程序并浏览到localhost：8080时，页面标题是字符串{{awesome}}并且包含字符串{{awesome}}而不是所需的“页面标题”。为什么nunjucks没有将变量渲染到模板中？

Answer 1

您必须拆分'public'文件夹。什么是公开的，不能由nunjucks处理。它是静态的（你声明了）。将你的nunjucks模板放在文件夹中，例如'视图'

/app
   |-routes.js
/public 
   |css/
   |img/
/views
   |- index.html
server.js

nunjucks.configure('views', ...)

Answer 2

如果你在windows上使用thinkjs：你的view.js应该是这样的：

export default {type: 'nunjucks',root_path: think.ROOT_PATH + '\\view',};

Nunjucks没有渲染模板

2 个答案: