vue项目路由拦截守卫 拦截后一直死循环问题 解决思路,熟练web开发

68 阅读3分钟

最后

整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。

《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》

前端面试题宝典

前端校招面试题详解

开源分享:docs.qq.com/doc/DSmRnRG… 今天把接口对接完了,查看了一下项目的文件,发现了一个漏洞,我们是根据权限来返回员工的菜单列表嘛,但是权限等级较低的员工 有了高权限的路由还是能跳过去,只是没数据。按理说权限低权限的员工不能访问高权限的路由,于是在路由拦截守卫里找原因,条件判断有token 路由不是login,这种情况是正常通行的。
如果这个即将跳转的路由不是在菜单里面的话就不让它跳转过去,于是把即将跳转的路由获取到to.path。把菜单列表路由获取到,因为带有children 所以要扁平化成一维数组silderList。把to.path拿到菜单列表silderList里面用some查找 有的话继续next() ,要是没有找到的话跳转到404页面,这是我的猜想代码。写出来后进入高权限页面就一直死循环了,最后报错了,我看了一下现在这个账号后台返回的菜单里确实没有高等级权限的菜单路由,应该会走404页面啊,怎么会一直循环呢。我打了一个debugger,确实走了404页面,在silderList查找一直是false,突然想起来我要是在silderList里面没找到才会进入404,但是第二次进入silderList里面的时候此时,路由是404,怪不得一直循环 ,404页面在silderList里面没有,所以提调整了一下,在请求到菜单列表的时候把列表扁平化的时候 push一个404路由,或者在 判断的时候 同时满足: 有token && 不是login页面 && 不是404页面 && 未在silderList里面找到路由 ,满足这4个条件才会进入404 页面。
至此问题完美解决

总结

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。

万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

前端资料汇总