关于路由懒加载和直接import对路由守卫拦截产生不同影响

来源:9-6 改进路由验证系统

Lemon甜橙君

2021-04-21

https://coding.imooc.com/learn/questiondetail/AKpB26JAZLNXbv0E.html
上个问题抱歉老师,是昨天问题分析的不正确,因为回复里不能上传图片,所以重新提问下,今天上午又分析了一下,找到原因了,isLogin确实都是false,之所以两种场景跳转不同的原因,是因为我再router.js中使用了路由懒加载语法
图片描述
对于场景二,直接在url中输入跳转到/create界面后,再点退出登录,我在路由守卫中console了一下,
图片描述
会出现3次拦截,最终跳转到login页面图片描述
但是在场景一,通过页面单击新建文章后,再点击退出,则只会出现2次拦截,最终跳转到首页
图片描述
如果不用路由懒加载写法的话,那么一切正常,两种场景的退出,最终都会跳转到首页,请问老师,路由懒加载为什么会产生这种影响呢?

写回答

1回答

张轩

2021-04-22

同学你好 能否提供一下你的代码呢(git),我在本地试一下然后可以给你更好的答案

0
1
Lemon甜橙君
用老师您的代码也一样的,就是在router.ts文件中使用了import懒加载语法就会有这个问题的哈
2021-04-23
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程