解决NavigationDuplicated: Avoided redundant navigation to current location: 问题

在用vue-router 做单页应用的时候重复点击一个跳转的路由会出现报错

这个报错是重复路由引起的
只需在注册路由组建后使用下方重写路由就可以
一般在router下面的index.js （有的会直接是router.js）
里面加入：

import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);


const originalPush = Router.prototype.push;
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

加上这个就不会报错了