1.安装 ejs
yarn add egg-view-ejs
2.修改配置
config/plugin.js
'use strict'; exports.ejs = { enable: true, package: 'egg-view-ejs' };
config/config.default.js
config.view = { mapping: { '.html': 'ejs' } };
3.创建 html 文件
app/view/index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>首页</title> </head> <body> <h1>这是首页内容</h1> <p>id:<%=res.id%></p> <p>name:<%=res.name%></p> <ul> <%for(var i=0; i<lists.length; i++) {%> <li><%=lists[i]%></li> <%}%> </ul> </body> </html>
4.传值
app/controller/home.js
'use strict'; const Controller = require('egg').Controller; class HomeController extends Controller { async index() { const { ctx } = this; const res = await ctx.service.product.index(); // ctx.body = res; await ctx.render('index.html', { res, lists: ['a', 'b', 'c'] }); } } module.exports = HomeController;
5.效果