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

Clever Cloud

將您的 Nuxt 應用程式部署到 Clever Cloud 基礎架構。

Nuxt 支援以最少的設定部署到 Clever Cloud

從控制台部署 Clever Cloud

若要將您的 Nuxt 專案部署到 Clever Cloud,您需要建立一個新的應用程式。應用程式精靈將引導您完成必要的設定步驟。

  1. 從側邊選單列,點擊建立 > 應用程式
  2. 選擇部署方式:從本機儲存庫建立應用程式從 GitHub 儲存庫建立應用程式
  3. 選擇 Node.js 應用程式,或靜態應用程式
  4. 設定您執行個體的最小大小和擴展選項。Nuxt 應用程式必須以最小 XS 大小的執行個體部署 Node.js 應用程式,以及 nano 大小的執行個體部署靜態應用程式。然而,建置過程稍後需要配置至少 M 大小的執行個體,以確保它可以處理資源需求。根據您專案的規格和依賴性,您可能需要進一步調整,因為您會從概觀頁面監控指標。
  5. 選擇要部署執行個體的區域
  6. 除非您使用資料庫,否則跳過連接 Add-ons 到您的 Clever 應用程式。
  7. 注入環境變數
  • 適用於 Node.js
CC_PRE_BUILD_HOOK="npm run build"
CC_RUN_COMMAND="node .output/server/index.mjs"
  • 適用於靜態應用程式
CC_NODE_VERSION=20
CC_WEBROOT=/.output/public
CC_OVERRIDE_BUILDCACHE=/.output/public
CC_PRE_BUILD_HOOK=npm install
CC_POST_BUILD_HOOK=npx nuxi generate
  1. 導航到應用程式的資訊選單,並在最小類型為 M 的執行個體上啟用啟用專用建置執行個體選項。
  2. 部署!如果您是從 GitHub 部署,您的部署應該會自動開始。如果您使用 Git,請顯示此文件

了解更多

Clever Cloud 關於部署 Nuxt 的文件