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

Netlify

將您的 Nuxt 應用程式部署到 Netlify 基礎架構。
零配置 ✨
與 Netlify 的整合可以零配置完成,了解更多

設定

Nuxt 將自動偵測到您處於 Netlify 建置環境中,並建置您伺服器的最佳化版本。

對於新網站,Netlify 將偵測到您正在使用 Nuxt 3,並將發佈目錄設定為 dist,建置命令設定為 npm run build

如果您是從 Nuxt 2 升級現有網站,您應該檢查這些設定並在需要時更新它們。

如果您想新增自訂重新導向,您可以使用 routeRules 或將 _redirects 檔案新增到您的 public 目錄中來完成。

對於部署,只需推送到您的 git 儲存庫,就像您通常對 Netlify 所做的那樣

Netlify Edge Functions

Netlify Edge Functions 使用 Deno 和強大的 V8 JavaScript 執行時環境,讓您運行全球分散式函式,以獲得最快的響應時間。

設定以下環境變數以在 Edge Functions 上運行 Nuxt

SERVER_PRESET=netlify_edge

隨需建構器

隨需建構器是無伺服器函式,用於根據需要產生網站內容,並自動緩存在 Netlify 的 Edge CDN 上。

它們使您能夠在使用者首次訪問您的網站頁面時建置這些頁面,然後將它們緩存在邊緣,以供後續訪問,直到下次部署。

閱讀更多關於 Netlify 隨需建構器的資訊

設定以下環境變數以啟用隨需建構器

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