如何在 Vercel 上部署 NestJS 应用

2025-06-07

如何在 Vercel 上部署 NestJS 应用

据我所知,Vercel并非后端服务平台,而且很多公司通常不会选择Vercel进行部署。Vercel 声称,Vercel是面向前端开发人员的平台。

但即使是前端开发人员也希望创建自己的 API 来服务于他们的实验(就像我一样)。我经常选择 NestJS 来编写 API,因为它的开发和构建速度快,易于学习(但难以精通)。

如果您之前在 Vercel 上部署过 React for NextJS 应用,您会发现部署起来非常方便,这得益于 Vercel 提供的库和框架预设。但对于 NestJS 应用,Vercel 会识别您的存储库中已包含“其他”预设,当您尝试使用默认设置部署时,将会发生以下情况:

图片描述

解决这个问题相当容易,您需要做的就是vercel.json在根文件夹中创建文件并写入以下内容:

图片描述

配置文件vercel.json允许您在项目中配置和覆盖 Vercel 的默认行为,请在此处查找更多详细信息

构建对象定义:

  • src(字符串):全局表达式或路径名。如果解析了多个文件,则每个匹配的文件都会创建一个构建。它可以包含 * 和 **。
  • use(字符串):构建过程要安装的 npm 模块。

路由对象定义:

  • src:与每个传入路径名(不包括查询字符串)匹配的 PCRE 兼容正则表达式。
  • methods:一组 HTTP 方法类型。如果未提供方法,则任何 HTTP 方法的请求都将成为路由的候选。
  • dest:目标路径名或完整 URL,包括查询字符串,可以嵌入捕获组,如 $1、$2…

再次运行 Vercel deploy,您可以看到 Vercel 已成功部署我们的应用程序并带有构建输出:

图片描述

图片描述
[

*注意:这vercel.json只是一个关于其工​​作原理的基本示例,您应该找到最适合您和您的应用程序的配置

您可以在这里查看我的源代码](https://github.com/leduc1901/nestjs-jwt-auth

最后的话

虽然我的内容对所有人都是免费的,但如果你觉得这篇文章有帮助,你可以在这里给我买杯咖啡

文章来源:https://dev.to/leduc1901/how-to-deploy-your-nestjs-apps-on-vercel-3nh9
PREV
弥合 React 的 useState、useReducer 和 Redux 之间的差距
NEXT
使用 React Router 在 React 中创建 404 页面