本文共 827 字，大约阅读时间需要 2 分钟。

安装完毕后，默认生成的index.js中已经包含了一个路由配置。为了实现自定义页面内容，我们需要按照以下步骤进行操作：

配置EJS

为确保EJS正常工作，首先需要在项目中添加EJS包：

const ejs = require('ejs');

3. 配置EJS视图：

app.use(views(__dirname + '/views', {
  map: {
    html: 'ejs'
  }
}));

这一步骤确保应用能够正确识别并渲染 .ejs 文件。

添加自定义路由

默认生成的index.js中已经包含了一个简单的路由：

router.get('/', async (ctx, next) => {
  ctx.body = '欢迎访问我们的页面';
});

为了实现自定义内容，我们可以添加以下路由：

router.get('/MyRoute', async (ctx, next) => {
  ctx.body = '你可以添加任何自定义内容在这里';
});

实现后，打开127.0.0.1:3000/MyRoute即可验证。

创建新页面

为了实现新增页面，可以通过以下步骤操作：

4. 打开index.js，添加新的路由：

router.get('/MyCalc', async (ctx, next) => {
  await ctx.render('MyCalc', {
    title: 'MyCalc'
  });
});

2. 在views目录下新建一个名为MyCalc.ejs的文件：

  
    
  
  
    
我的计算器
    
输入你的数字：
    
结果：
  

该页面可与默认的index.ejs类似，仅已添加基本结构。

运行后，访问127.0.0.1:3000/MyRoute即可查看效果。