DigitalOcean

將您的 Nuxt 應用程式部署到 DigitalOcean 基礎設施。

Nuxt 支援部署到DigitalOcean App Platform只需少量配置。

設定

  1. 按照以下步驟建立新的 DigitalOcean 應用程式:指南.
  2. 接下來,您需要配置環境變數。在您的應用程式設定中,確保以下內容應用程式級環境變數:
    SERVER_PRESET=digital-ocean
    
  3. 您需要確保在應用程式的 package.json 中設定一個 engines.node 欄位,以確保 DigitalOcean 使用受支援的 Node.js 版本
    package.json
    {
      "engines": {
          "node": "20.x"
      }
    }
    
  4. 您還需要新增一個執行命令,以便 DigitalOcean 知道在構建後要執行哪個命令。您可以透過在 package.json 中新增一個啟動指令碼來完成此操作
    package.json
    {
      "scripts": {
          "start": "node .output/server/index.mjs"
      }
    }
    
  5. 最後,您需要將此啟動指令碼新增到 DigitalOcean 應用程式的執行命令中。轉到 Components > Settings > Commands,點選“編輯”,然後新增 npm run start
您的 Nuxt 應用程式應該在 DigitalOcean 生成的 URL 上執行,您現在可以按照DigitalOcean 部署指南的其餘部分.

瞭解更多

請查閱 Nitro 文件 以瞭解有關 DigitalOcean 部署預設的更多資訊。