nuxt 3可以用子目录重写url

Question

我有这样的项目结构

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

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

访问路径

Answer 1

如果你想有另一个入口点，你可以使用 page alias

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

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

使得文件结构如下

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