路由基础next不像我预期的那样工作

Question

我有一个关于路由器基础的问题例如，我有一个下一个项目的页面是这样的:

• 页面
  • • index.vue
  • b
    • index.vue

我设置了router base = '/a/'，所以当我运行项目时，URL将直接转到base router, https://localhost:3000/a

没有显示索引。我应该使用URL https://localhost:3000/a/a来显示索引。

我的问题是，通常是这样的吗?或者还有其他方法使用URL https://localhost:3000/a直接打开索引。

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:由于这与路由器配置有关，请记住服务器重启可能是强制性的，以考虑更新。