前端/移动开发面试题更新 2026-08-05

在 Express 框架中,配置模板引擎(比如 EJS、Pug)的步骤是怎样的?

前端/移动开发技术原理Express

考察说明

考查对 Express 模板引擎配置流程的掌握程度。

回答思路

  1. 【回答框架 1】模板引擎核心是视图模板与数据渲染的分离;Express 通过 view engine 配置默认引擎,通过 views 指定模板目录。配置步骤分为安装依赖、设置引擎、指定视图目录、渲染响应。
  2. 【回答框架 2】以 EJS 为例:npm install ejs 后,app.set('view engine', 'ejs') 和 app.set('views', './views'),路由中用 res.render('index', { title: 'Hello' }) 渲染模板。Pug 类似,只是模板语法不同。
  3. 【回答框架 3】模板引擎不仅限于内置支持,Express 通过 consolidate 库可集成更多引擎,但基本流程一致。同时注意视图文件后缀与引擎匹配,自动解析。
  4. 【回答框架 4】渲染时可传入本地变量,模板内通过相应语法输出;错误处理方面,模板编译错误会返回 500,可配置错误处理中间件。
  5. 【关键点 1】核心三步骤:安装引擎、设置 view engine、设置 views 目录。
  6. 【关键点 2】res.render 用于渲染模板并传入数据。
  7. 【关键点 3】view engine 设置决定了 Express 如何解析视图文件。
  8. 【易错点 1】忘记设置 views 目录导致默认路径不存在,报错无法找到视图。
  9. 【易错点 2】视图文件扩展名与 view engine 不匹配,导致引擎无法正确解析。
  10. 【易错点 3】只安装引擎而不设置 view engine,Express 不会自动使用。