透過 100 多個技巧的集合學習 Nuxt!
部署

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 中新增一個 start script 來做到這一點
    package.json
    {
      "scripts": {
          "start": "node .output/server/index.mjs"
      }
    }
    
  5. 最後,您需要將這個 start script 新增到您的 DigitalOcean 應用程式的執行命令中。前往 Components > Settings > Commands,點擊「Edit」,然後新增 npm run start
您的 Nuxt 應用程式應該會在 DigitalOcean 產生的 URL 上線,您現在可以依照 DigitalOcean 部署指南的其餘部分進行操作。

了解更多

前往 Nitro 文件以了解更多關於 digitalocean 部署預設的資訊。