Nuxt 頁面產生器:Nuxt 2/3、Layout 與資料狀態
建立 Nuxt 2 或 Nuxt 3 Vue 頁面,設定 layout/middleware、head metadata,並可加入 Nuxt 3 資料取得及本機範例 API。
nuxt-page-generator本機處理
正在啟用本機工具…
產生設定
需既有 Nuxt 2/3 專案與指定的 layout/middleware。Nuxt 3 的資料模式附本機範例 server/api/example.get.ts,請檢查避免覆蓋既有檔;Nuxt 2 不使用 Nuxt 3 fetch composables。
來源欄位核對日期:2026-10-18。UD5
預覽與完整輸出
設定欄位後產生,或先載入範例。
如何使用這個工具
輸入頁面名稱、選擇版本、layout、middleware 及 metadata。Nuxt 3 可使用 useFetch/useAsyncData,包含等待/失敗狀態與範例 API 檔。
不適合用在什麼情況
需既有 Nuxt 專案;指定的 layout 及 middleware 必須存在。Nuxt 2 為舊版範本,不可使用 Nuxt 3 資料取得選項;此處不執行產生的程式碼。