Route Base Nuxt 未按预期工作

Question

我有一个关于路由器底座的问题 例如，我有一个 nuxt 项目，其页面如下：

• 页
  • 一个
    • index.vue
  • b
    • index.vue

我做了一个router base = '/a/'，所以我运行项目的时候，URL会直接去base router，https://localhost:3000/a

它没有在页面 a 上显示 index.vue。我应该使用 URL https://localhost:3000/a/a 在页面 a 上显示 index.vue。

我的问题是，通常是这样吗？或者还有其他方法可以使用 URL https://localhost:3000/a 在页面 a 上直接打开 index.vue 吗？

Answer 1

你可以安装和设置这个包：https://github.com/nuxt-community/router-extras-module

---

然后，您可以在/ 上拥有页面a 的内容，如下所示

/pages/a.vue

<router>
{
  alias: '/'
}
</router>

<template>
  <div>Content page A</div>
</template>

顺便说一句，在这种情况下不需要/pages/index.vue。

---

或者您可以重定向并在/a 上查看页面a 的内容，其中包含以下内容

/pages/index.vue

<router>
{
  redirect: '/a'
}
</router>

/pages/a.vue

<template>
  <div>Content page A</div>
</template>

PS：由于这与路由器配置有关，请记住，可能必须重新启动服务器以考虑更新。