Vercel部署Express+EJS应用：如何修改views目录路径？

AI 小北

2026-7-16

解决Vercel部署Express+EJS应用的视图路径错误

问题说明

部署后出现内部服务器错误，日志显示：

Error: Failed to lookup view "home.ejs" in views directory "/var/task/views" at Function.render (/var/task/node_modules/express/lib/application.js:597:17) at ServerResponse.render (/var/task/node_modules/express/lib/response.js:1039:7) at /var/task/app.js:16:9 at Layer.handle [as handle_request] (/var/task/node_modules/express/lib/router/layer.js:95:5) at next (/var/task/node_modules/express/lib/router/route.js:144:13) at Route.dispatch (/var/task/node_modules/express/lib/router/route.js:114:3) at Layer.handle [as handle_request] (/var/task/node_modules/express/lib/router/layer.js:95:5) at /var/task/node_modules/express/lib/router/index.js:284:15 at Function.process_params (/var/task/node_modules/express/lib/router/index.js:346:12) at next (/var/task/node_modules/express/lib/router/index.js:280:10)

原因是Vercel部署环境下，Express默认的视图路径和实际文件结构不匹配，需要手动指定绝对路径。

解决步骤

使用绝对路径指定views目录
借助Node.js的path模块和__dirname（当前文件的绝对路径）设置正确视图目录，避免相对路径在部署环境中失效：
1. 引入path模块：
```
const path = require('path');
```
2. 修改Express视图路径配置：
```
// 若views文件夹和入口文件（如app.js）在同一层级
app.set('views', path.join(__dirname, 'views'));
```
  若入口文件在子目录（比如src/app.js），则调整为：
```
app.set('views', path.join(__dirname, '../views'));
```
确认项目结构与模板引擎配置
- 确保views文件夹和Express入口文件层级对应，模板文件（如home.ejs）确实在该文件夹内。
- 确认已正确启用EJS模板引擎：
```
app.set('view engine', 'ejs');
```