Nunjucks无法渲染模板。

4
我有如下的文件夹结构:
/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 }},而不是所需的“page-title”。为什么nunjucks没有将变量渲染到模板中?
2个回答

4

您需要将“public”文件夹拆分。Nunjucks无法处理公共文件夹中的内容,因为它是静态的(您已经这样声明了)。请将Nunjucks模板放在名为“views”的文件夹中。

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

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

0
如果您在Windows上使用ThinkJS: 您的view.js应该如下所示:
export default {type: 'nunjucks',root_path: think.ROOT_PATH + '\\view',};

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接