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

如何解决Nuxt.js 中带有斜杠的随机路由

我在 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

为了获取路径，在寄存器视图的情况下仍然保留'/'。

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

解决方法

使用这种代码，这是正确显示路线路径

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

PS：我也有 trailingSlash: false。