nuxt 3可以用子目录重写url吗

Question

我的项目结构是这样的

- pages
 - login.vue
 - index.vue
 auth
 - about.vue

默认情况下，nuxt 可以访问带有 'localhost:3000/' 的路径，它将由 /pages/index.vue 渲染
如果我想访问 dir auth/about 中的页面，则必须访问路径 '本地主机：3000/auth/about'
但我想使用 'localhost:3000/about

访问路径

Answer 1

如果您想有另一个入口点，可以使用页面别名

<script setup>
definePageMeta({
  alias: ['/about']
})
</script>

<template>
  <div>this is an auth page</div>
</template>

从而得到如下文件结构

可以通过

/about

 或 

/auth/about

 访问。

Answer 2

在Nuxt 4中，您可以使用页面分组：

(auth)
- about.vue