egg配置模板引擎

最新推荐文章于 2023-10-22 20:17:05 发布

w7022@

最新推荐文章于 2023-10-22 20:17:05 发布

阅读量477

点赞数

原文链接：https://blog.csdn.net/wjw0125/article/details/107065879

版权

这里以配置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;