next() 和 next('xxx') 是不一样的，区别就是前者不会再次调用router.beforeEach()，后者会。而由于我们没有token，所以在重新调用router.beforeEach()后，会再次进入到
else { next({ path: '/login', }); }
所以造成了无限循环，解决这个问题的方法也很简单，我们在 next({ path: '/login', }); 之前增加一个判断条件
if (to.name === 'login') { next(); return }
如果我们to的定向路由 name == 'login' ,则执行 next(); 并return终止代码运行。
以上就是通过router.beforEach方法进行路由拦截了，我们不仅仅可以只做登录判断，通过这个方法可以实现很多需求，只要是有关路由跳转的都可以，在下只是抛砖引玉，如果有哪里不对的地方或者有更好的方法可以直接在评论告诉我，非常感谢。
总结
以上所述是小编给大家介绍的使用vue-router beforEach实现判断用户登录跳转路由筛选，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: