Nuxt.js 中带有斜杠的随机路由

Question

我在 Nuxt.js 中的一个项目中遇到了一些“问题”。我创建了三个页面：register.vue、login.vue 和 index.vue。

我试图用中间件做一些功能，以便在一个用户登录或未登录的情况下在视图之间重定向。

问题是我意识到在浏览器中，“注册”页面路由器显示为：localhost:xx/register/，登录和索引页面路由显示为：localhost:xx/login 和 localhost:xx/

问题是为什么它在寄存器视图中显示一个斜杠，而在其他视图中没有。

我试过了：

trailingSlash: false

在nuxt.config.js 中，虽然它退出了 url 的尾部斜杠，但如果我使用命令：

$nuxt.$route.path

为了获取路径，在寄存器视图的情况下，它仍然与'/'保持一致。

对此有任何想法吗？任何帮助将不胜感激！

Answer 1

使用这种代码，可以正确显示路由路径

<script>
export default {
  fetch({ route }) {
    console.log(route.path)
  },
}
</script>

PS：我也有trailingSlash: false。