Vercel部署Node.js+Express+MongoDB REST API遇404及无响应问题求助

1. 修正Server.js的导出逻辑 #

Vercel的Serverless环境不需要手动启动服务器（app.listen），而是需要直接导出Express实例，让Vercel接管请求处理。修改后的server.js：

// ...
// Middleware
app.use(express.json());

// Connect to MongoDB
mongoose
  .connect(process.env.DATABASE_URL, {
    useNewUrlParser: true,
    useUnifiedTopology: true,
  })
  .then(() => console.log("Connected to MongoDB"))
  .catch((err) => console.log(err));

// Apply the story router to the app
app.use("/stories", storyRoutes);

// 移除手动启动服务器的代码，直接导出app实例
module.exports = app;

2. 修复vercel.json路由配置 #

原配置中dest指向错误，导致请求无法转发到你的Express应用，修正后的配置：

{
  "version": 2,
  "builds": [
    {
      "src": "server.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "/server.js"
    }
  ]
}

3. 确认Vercel环境变量配置 #

• 进入Vercel项目的Settings -> Environment Variables，添加DATABASE_URL变量，值与本地.env文件中的一致。
• 如果使用MongoDB Atlas，需将数据库IP白名单设置为0.0.0.0/0（测试用），确保Vercel服务器能连接到数据库。

4. 验证部署后的请求路径 #

部署完成后，正确的请求URL应为：

• POST请求：https://你的Vercel项目域名/stories
• GET请求：https://你的Vercel项目域名/stories/目标storyId
  不要添加本地测试时的端口号。

5. 排查函数日志 #

如果仍有问题，进入Vercel的Functions页面，查看对应serverless函数的执行日志：

• 检查是否有MongoDB连接失败的报错
• 确认路由是否被正确匹配
• 查看是否有未捕获的异常

内容的提问来源于stack exchange，提问作者Enes