解决vue-router报NavigationDuplicated: Avoided redundant navigation to current location: “/login“ 的问题

一、普遍问题解决方法

import Router from 'vue-router';
Vue.use(Router);
// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题
const originalPush = Router.prototype.push
 
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

 

二、如果方法一的代码已添加，但不生效，可检查代码中是否重复指定跳转了同一路由

handleLogOut () {

      this.logout();

      // this.$router.replace('/login');  // 退出登录方法已经退出了当前路由，又手动指定了路由，所以提示重复路由

},