Nuxt 的文件路由是如何工作的？

pages/ 目录下的文件结构自动映射为路由（与 Next 类似）：

pages/
  index.vue          ->  /
  about.vue          ->  /about
  users/[id].vue     ->  /users/:id  (动态路由)
  users/[...slug].vue->  /users/a/b  (全捕获)

• 动态参数用方括号 [id].vue，页面里通过 route.params.id 获取
• layouts/ 提供布局，页面用 definePageMeta({ layout: 'admin' }) 选择
• 无 pages/ 目录则关闭文件路由（适合纯 SPA）

Nuxt3 还支持 pages/ 下的 .vue 文件直接作为路由组件，并自动套用布局。

同分类其他题目