Nuxt 3 动态索引页面路由

Question

如何让页面索引路由动态化？哪个文件夹结构允许重现此行为？ 例如'/'、'/about'、'/register'等仅适用于pages/index.vue项目目录。 我想通过部分滚动创建导航，没有哈希模式 spa。

Answer 1

简单写一个全局中间件

export default defineNuxtRouteMiddleware((to) => {
  const first = useState('first', () => true)
  if (!first.value) return
  first.value = false

  const index = ...
  if (to.path !== index) return index
})