egg配置模板引擎

这里以配置ejs模板引擎为例

在项目的app文件夹下创建view文件夹 view文件不能随意命名 为官方定义的文件名称

运行 npm install egg-view-ejs --save-dev 安装ejs模板引擎

在项目的config/plugins.js文件中添加如下配置

module.exports = { ejs: { enable: true, package: 'egg-view-ejs' } }

在项目的config/config.default.js中添加如下配置

module.exports = { const config = exports = {} config.view = { defaultViewEngine: 'ejs', // 默认使用的模板引擎 mapping: { //'.ejs': 'ejs', // 找出ejs后缀的文件使用ejs语法 '.html': 'ejs' // 找出html后缀的文件使用ejs语法 } } }

验证配置是否正确

鉴于我们配置的是找html后缀的文件 所以在view文件夹下创建index.html然后在controller下的home.js中写入如下 'use strict'; const Controller = require('egg').Controller; class HomeController extends Controller { async index() { const { ctx } = this; await ctx.render('index', { data: { name: 'giao桑' } }) } } module.exports = HomeController;

配置完成后重新启动项目,在浏览器输入localhost:7001 会显示对应的index.html文件