vue-router 拦截判断缓存数据

router/index.js :

vue-router 拦截判断缓存数据_第1张图片

大致是要在路由跳转的时候判断localStorage是否还存在

main.js:

vue-router 拦截判断缓存数据_第2张图片

度娘后看到这个方法,但实际操作后发现并不能成功的跳转

vue-router 拦截判断缓存数据_第3张图片

发现一直无限打印12345,反复的再执行函数。很好奇为什么会死循环,度娘后大致知道死循环的原因。。

当执行beforeEach钩子函数时如果遇到next('/XXXXX')时会中断当前导航,例如本来是/Home/Details,遇到next('/XXXXX')后to.path就变为了/XXXXX,然后就会再次触发beforeEach。重新触发beforeEach是指重新执行beforeEach,而不是继续执行。

解决办法:

加个判断

vue-router 拦截判断缓存数据_第4张图片

你可能感兴趣的:(vue)