一文教会你如何使用 Vercel 部署你的 NestJS 应用

乐闻

2023年12月14日 11:07· 阅读 3181

背景

当我们学习nestjs框架想跟朋友分享自己的接口，当我们开发了自己的应用想对外开放给其他人使用，我们需要一台有公网IP的电脑设备。

在各大云厂商平台掏钱购买云服务器是一个不错的选择（目前云厂商都有拉新的活动，想尝鲜的同学还是低成本的尝试一下的https://blog.csdn.net/m0_37890289/article/details/109709131）

但是，在我们学习或者业务体量较小的阶段，能够白嫖服务器资源肯定是一件让人快乐的事。Vercel平台就是这样的平台，它支持免费部署各种服务。

本文会详细记录Vercel 部署Nestjs项目的步骤。

实现步骤

一、Nestjs 项目添加 vercel 配置文件

在nest项目的根目录下创建 vercel.json 文件，并且设置 nestjs 服务相关的配置。

javascript
{
  "version": 2,
  "builds": [
    {
      "src": "src/main.ts",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "src/main.ts",
      "methods": [
        "GET",
        "POST",
        "PUT",
        "DELETE",
        "PATCH"
      ]
    }
  ]
}

二、Nestjs 项目上传到github

创建新的 github 仓库

本地项目关联 github 新建的仓库

javascript
git remote add origin https://github.com/levenx/customer-service-server.git

本地代码推送到 github
```
javascript
git push --set-upstream origin main
```
代码成功推送到 github
将项目授权给 vercel

🎯 访问地址：https://github.com/settings/installations

搜索对应的项目，关联后记得save