Vuejs路由出现‘login/12/login/12/login/12/test’重复地址的解决办法

配置路由，在浏览器打开页面，

每点击一次按钮，地址栏就重复增加一次地址

 

点击一次后地址栏显示：/login/12/test

点击两次后地址栏显示：/login/12/login/12/test

点击三次后地址栏显示：/login/12/login/12/login/12/test

页面展示如下：

 查看代码，发现是在html中使用地址的时候写错了，地址前面多了一个【.】。

去掉点，再次点击就没有问题了。

  <div id="app">
    <router-link to="./login/12/test">登录</router-link>
    <router-link to="./regisiter">注册</router-link>

    <router-view></router-view>
  </div>

修改后代码：

  <div id="app">
    <router-link to="/login/12/test">登录</router-link>
    <router-link to="/regisiter">注册</router-link>

    <router-view></router-view>
  </div>

---

注：文章内容主要是记录学习过程中遇到的一些问题，以及解决方法。留个记录，同时分享给有需要的人。如有不足之处，欢迎指正，谢谢！