vue-router重写push方法，解决相同路径跳转报错，解决点击菜单栏打开外部链接

修改vue-router的配置文件，默认位置router/index.js

import Vue from 'vue'
import Router from 'vue-router'
 
 
/**
 * 重写路由的push方法
 * 解决，相同路由跳转时，报错
 * 添加，相同路由跳转时，触发watch (针对el-menu，仅限string方式传参，形如"view?id=5")
 */
 
// 保存原来的push函数
const routerPush = Router.prototype.push  
// 重写push函数
Router.prototype.push = function push(location) {
 
  // 这个if语句在跳转相同路径的时候，在路径末尾添加新参数（一些随机数字）
  // 用来触发watch
  if(typeof(location)=="string"){
    var Separator = "&";
    if(location.indexOf('?')==-1) { Separator='?'; }
    location = location + Separator + "random=" + Math.random();
  }
 
  // 这个语句用来解决报错
  // 调用原来的push函数，并捕获异常
  return routerPush.call(this, location).catch(error => error)
}
 
 
Vue.use(Router)
 
export default new Router({
  routes: [
    {
      path: '/',
   
    }
  ]
})

/ 如果你的改了push还是没有生效，可以考虑改replace方法
// 修改路由replace方法,阻止重复点击报错
const originalReplace = VueRouter.prototype.replace;
VueRouter.prototype.replace = function replace(location) {
  return originalReplace.call(this, location).catch(err => err);
};

vue解决点击菜单栏跳转外部链接

const VueRouterPush = Router.prototype.push
Router.prototype.push = function push (location) {
    console.log(location)
    let user = ''
    if(window.sessionStorage.getItem('user')){
        user = JSON.parse(window.sessionStorage.getItem('user')).roles[0].roleName
    }
    console.log(typeof(location))
    if(typeof(location) == "string"){
        if(location.indexOf('http') == 0){
            if(user == '超级权限'){
                var Separator = "&";
                if(location.indexOf('?')==-1) { Separator='?';}
                location = location + '#/login' + Separator + 'key=123456';
                window.open(location)
            }else{
                location = location + '#/login';
                window.open(location)
            }
        }else{
            return VueRouterPush.call(this, location).catch(err => err)
        }
    }else{
        return VueRouterPush.call(this, location.path).catch(err => err)
    }
}