Vercel免费部署Next.js/TypeScript项目：后端无法启动解决方案咨询

免费套餐支持情况 #

Vercel免费套餐不支持同时运行两个独立的服务（比如单独的Express后端+Next.js前端），但完全支持将后端逻辑整合为Next.js的Serverless API路由，以此实现前后端同部署。

具体解决方法 #

方法1：将独立后端迁移为Next.js API路由 #

这是最适配Vercel部署的方案，无需额外配置，Vercel会自动将API路由作为Serverless Functions运行：

1. 在你的Next.js项目的app目录下创建api文件夹，按照后端接口的结构拆分路由文件，比如原来的back-end/users接口对应app/api/users/route.ts。
2. 将原后端的业务逻辑迁移到对应的路由文件中，示例代码（App Router）：

// app/api/users/route.ts
import { NextResponse } from 'next/server';

export async function GET() {
  // 替换为你原后端的业务逻辑（比如数据库查询、数据处理）
  const mockUsers = [{ id: 1, name: 'Luis' }, { id: 2, name: 'Guest' }];
  return NextResponse.json(mockUsers);
}

3. 修改前端代码中的接口请求地址，从原来的http://localhost:xxx改为相对路径/api/users。
4. 部署时，Vercel执行npm run start启动前端的同时，会自动处理所有/api/*路径的请求，无需单独启动后端服务。

方法2：独立托管后端（如果不愿迁移逻辑） #

如果你的后端依赖长连接、定时任务等Serverless Functions不支持的特性，可以将后端部署到其他免费托管平台，然后在前端代码中直接调用后端的远程API地址。这种情况下，Vercel只负责前端部署，后端由其他平台维护。

注意事项 #

• Vercel免费套餐的Serverless Functions有10秒执行时间限制和每月请求次数配额，适合小型项目或测试场景。
• 若后端需要长期运行的服务（如WebSocket服务器），免费套餐无法满足，需升级到付费套餐或更换后端托管平台。

内容的提问来源于stack exchange，提问作者Luis Angel Urena Lopez