可以使用子目录重写URL

Question

我的项目结构默认

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

情况下，NUXT可以使用'localhost：3000/'访问路径，并且它将由/pages/index.vue渲染。
如果我想访问dir auth中的页面，则必须是访问路径 'local主持：3000/auth/关于
但是我想通过'localhost：3000/about
访问路径

Answer 1

您可以使用页面别名点

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

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

使以下文件结构

可以通过/about或/auth/aid about访问。

Answer 2

在NUXT 3.13和NUXT 4中，您可以使用页面分组：

(auth)
- about.vue