koa-ejs 文档地址： https://www.npmjs.com/package/koa-ejs
1. 安装koa-ejs
npm i koa-ejs --save
2. 引入ejs
- 初始化时需要用到node原生的
path模块；- 在根目录新建一个
views文件夹，放html文件；
const render = require('koa-ejs');
const path = require('path');
// 初始化ejs，设置后缀为html，文件目录为`views`
render(app, {
root: path.join(__dirname, 'views'),
layout: false,
viewExt: 'html',
cache: false,
debug: false
});
3. 通过浏览器访问，返回ejs模板
// 渲染首页
router.get('/',async (ctx,next)=>{
await ctx.render('index',{
title: '我是首页',
body: '我是内容啊'
});
})
效果如图所示：
image.png
4. 完整代码
/**
* 项目入口文件
*/
const Koa = require('koa');
const app = new Koa();
const bodyParser = require('koa-bodyparser');
const Router = require('koa-router');
const router = new Router();
const render = require('koa-ejs');
const path = require('path');
app.use(bodyParser());
// 初始化ejs，设置后缀为html，文件目录为`views`
render(app, {
root: path.join(__dirname, 'views'),
layout: false,
viewExt: 'html',
cache: false,
debug: false
});
// 渲染首页
router.get('/',async (ctx,next)=>{
await ctx.render('index',{
title: '我是首页',
body: '我是内容啊'
});
})
app.use(router.routes());
app.use(router.allowedMethods());
// 监听3000端口
app.listen(3000);
