学习nodejs,使用koa的web框架,使用ejs作为动态页面渲染的模板引擎。
但遇到能响应读取的模板页面,却不能渲染的问题,没有报错,不知问题出在哪里,请指点一下
以下是参照网上教程自己写的,其中后端渲染的参数title,没有渲染出来
app.js代码:
const Koa = require('koa'),
views = require('koa-views');
const app = new Koa();
app.use(views('views', {
extension: 'html'
}))
app.use(async ctx => {
await ctx.render('index',{
title:"渲染内容"
});
});
app.listen(3000, "127.0.0.1", b => {
console.log("启动开始");
});
views/index.html代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p>vue模板引擎:{{ message }}ss</p>
<p>后端模板引擎:<%=title%></p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>
浏览器浏览到的渲染结果:
vue模板引擎:Hello Vue.js!ss
后端模板引擎:<%=title%>
问题出在哪?难道是api变了吗?还是其他原因?如何解决?
看代码里,你没有指明使用的模板引擎是ejs
如果你使用的是html扩展名,需指定html使用ejs引擎