了解部署到 Vercel 非常簡單，但是，在部署過程中需要考慮一些設定。

先決條件

• NestJS專案在開發環境中與PostgreSQL本地連線並正常運作
• 部署的 Vercel 帳戶
• Supabase 帳戶（我們將在這裡設定 PostgreSQL 資料庫）

考慮到您的 NestJS 應用程式已準備好部署，讓我們從 Supabase 設定開始。

蘇帕基帳戶

Supabase 是一個開源 Firebase 替代方案，完全支援並無縫配置 PostgreSQL 資料庫，而且它還提供其他功能，如身份驗證、儲存等。

在 Supabase 上設定一個新帳戶並在該帳戶中建立一個新專案。

設定完成後，點選首頁頁面上的連線按鈕。這將向您展示將資料庫連接到專案的不同選項

使用提供的憑證測試本地連接，以確保一切正常運作。

注意：確保憑證不會暴露並儲存在您的 .env 檔案中（我相信您已經知道這一點？）

接下來，讓我們設定 Vercel 帳戶並部署專案

韋爾塞爾

通常，Vercel 主要用於前端應用程式部署，但是，它也可用於部署後端專案。

PS： 如果您正在為後端部署開發中型到大型項目，請改用合適的服務提供者。

在您的 Vercel 帳戶上，建立一個新專案並連接到您的 Git 儲存庫。匯入您的 .env 檔案並點擊 Deploy 按鈕。

瞧，就是這樣？ ？ ？ 。
...

可能遇到的常見問題

# 錯誤：沒有名為「public」的輸出目錄

這是一個常見錯誤，因為 Vercel 在建置過程中需要知道您的輸出目錄。要解決此問題，只需新增 versel.json 檔案並複製以下內容：

{
  "version": 2,

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

再次運行部署即可

...

# 錯誤：此無伺服器函數已崩潰

就我而言，這是因為找不到模組錯誤

...
有幾種方法可以解決這個問題：

方法1（用相對路徑替換所有導入）

從

import { UsersService } from 'src/users/users.service';

到

import { UsersService } from '../users/users.service';

...

方法 2（修改 vercel.json 檔案和 .gitignore 檔案）

我最終採用了這種方法，因為我不需要將我的應用程式限制為僅使用相對路徑導入。

所以，將vercel.json修改為這個

{
  "version": 2,

  "builds": [
    {
      "src": "dist/main.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "dist/main.js",
      "methods": ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"]
    }
  ]
}

前往您的 .gitignore 檔案並刪除 /dist.

運行新部署即可。

編碼愉快！ ？