7. koa2 使用ejs模板

koa-ejs 文档地址： https://www.npmjs.com/package/koa-ejs

1. 安装koa-ejs

npm i koa-ejs --save

2. 引入ejs

1. 初始化时需要用到node原生的path模块；
2. 在根目录新建一个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);