Nuxt 的路由規則非常直觀：你在 app/pages 資料夾裡的檔案名稱，就是你的網址。
1 核心概念
檔案
app/pages/index.vue↓/首頁檔案
app/pages/about.vue↓/about2 Claude Code 指令 Prompt
請複製以下指令給 Claude，建立路由系統：
請幫我建立 Nuxt 的檔案路由系統：
- 修改
app/app.vue：移除<NuxtWelcome />，改用<NuxtPage /> - 建立
app/pages/資料夾 - 建立兩個頁面：
index.vue- 首頁，加入連往關於頁的按鈕about.vue- 關於頁，加入連回首頁的按鈕
注意：使用 <NuxtLink to="..."> 製作連結
3 驗收重點
✓
檔案結構：確認
app/pages 資料夾有 index.vue 和 about.vue✓
app.vue：確認沒有
<NuxtWelcome />，改為 <NuxtPage />✓
瀏覽器測試：點擊連結時畫面切換順暢，沒有白畫面閃爍（SPA 模式）
架構師筆記
為什麼要用 <NuxtLink>？
✗
<a href="/about">瀏覽器重新載入整個網頁，速度慢
✓
<NuxtLink to="/about">只抽換變動內容（SPA 模式），速度極快