vue-router4报错Error: Invalid navigation guard

712 阅读1分钟

报错如下: image.png 原因很简单,就是vue-router4的路由守卫不再是通过next放行,而是通过return返回true或false或者一个路由地址

// 记得去掉next参数
router.beforeEach(async (to, from) => {

    return true  // 放行

    return false // 取消导航 

    return { name: "login", replace: true }; // 跳转到login页面

})