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文件