Vue JS 2 中的路由问题答案

【问题标题】：Routing issue in Vue JS 2Vue JS 2 中的路由问题
【发布时间】：2021-04-20 07:12:08
【问题描述】：

在我的项目中有一个<router-link> 指向一个特定的页面，它看起来像这样

<router-link to="menugirl" >Plan your visit</router-link>

当您点击按钮时，此链接将被定向到

http://localhost:8080/menugirl/category

默认设置在URL末尾添加的category路径

那么问题是什么 - 当我第一次点击按钮并重定向到http: // localhost: 8080 / menugirl / category 在这种情况下，这个按钮出现在这个地址，当我在http : // localhost: 8080 / menugirl / category第二次点击这个按钮时，它已经指向http: // localhost: 8080 / menugirl / menugirl，我只需要它指向http: // localhost: 8080 / menugirl / category

为了清楚理解，可以看demo

<router-link to="menugirl" >Plan your visit</router-link>

【问题讨论】：

如果您要使用路径，请将其设为绝对路径。例如<router-link to="/menugirl">。我强烈建议改用named routes

标签： javascript vue.js vuejs2 vue-router

【解决方案1】：

不确定我是否理解了这个问题，但我认为这足以在路线的开头添加一个斜杠，如下所示：

<router-link to="/menugirl" >Plan your visit</router-link>

【讨论】：