部署
DigitalOcean
將您的 Nuxt 應用程式部署到 DigitalOcean 基礎設施。
Nuxt 支援以最少的配置部署在 DigitalOcean App Platform 上。
設定
- 依照指南建立新的 DigitalOcean 應用程式。
- 接下來,您需要設定環境變數。在您的應用程式設定中,請確保以下應用程式層級的環境變數
SERVER_PRESET=digital-ocean
- 您需要確保在應用程式的
package.json
中設定engines.node
欄位,以確保 DigitalOcean 使用支援的 Node.js 版本package.json{ "engines": { "node": "20.x" } }
- 您還需要新增一個執行命令,以便 DigitalOcean 知道在建置後要執行的命令。您可以透過在您的
package.json
中新增一個 start script 來做到這一點package.json{ "scripts": { "start": "node .output/server/index.mjs" } }
- 最後,您需要將這個 start script 新增到您的 DigitalOcean 應用程式的執行命令中。前往
Components > Settings > Commands
,點擊「Edit」,然後新增npm run start
您的 Nuxt 應用程式應該會在 DigitalOcean 產生的 URL 上線,您現在可以依照 DigitalOcean 部署指南的其餘部分進行操作。