❤ Redirected when going from “/login“ to “/“ via a navigation guard错误

❤ vue路由遇到 Redirected when going from “/login“ to “/“ via a navigation guard错误

路由版本：“vue-router”: “^3.5.2”,
添加了路由守卫，然后开始报这个错误，

• 原因
  就是路由版本导致的

• 解决办法

// 导航守卫限制路由跳转
router.beforeEach((to, from, next) => { 
	if (to.path === '/login') {
		next()
		var tokenStr = window.sessionStorage.getItem('token')
	}
	if (!tokenStr) {
		next()
	} else {
		next('/login')
	}
})
// router  要跟你引用的路由名称一致

路由版本3.2到3.0的话，应该可以用下面这个办法解决

//获取原型对象上的push函数
const originalPush = VueRouter.prototype.push
//修改原型对象中的push方法
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

// 导航守卫限制路由跳转
router.beforeEach((to, from, next) => {
	if (!to.meta.isPublic && !localStorage.token){
		return next('/login')
	}
	next()
})

• 完整版

// 防止连续点击多次路由报错
let originPush =  Router.prototype.push;  //备份原push方法
Router.prototype.push = function (location, resolve, reject){
  // return routerPush.call(this, location).catch(err => err)
    if (resolve && reject) {    //如果传了回调函数，直接使用
        originPush.call(this, location, resolve, reject);
    }else {                     //如果没有传回调函数，手动添加
        originPush.call(this, location, ()=>{}, ()=>{}); 
    }
}