Web前端最全vue项目路由拦截守卫拦截后一直死循环问题解决思路，毕业一年萌新的Web前端大厂面经

2401_84412194

于 2024-05-16 22:55:18 发布

阅读量377

点赞数 5

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84412194/article/details/138977977

版权

程序员专栏收录该内容

202 篇文章 1 订阅

订阅专栏

总结

框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。
算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯
在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

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

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

vue项目路由拦截守卫拦截后一直死循环问题解决思路

今天把接口对接完了，查看了一下项目的文件，发现了一个漏洞，我们是根据权限来返回员工的菜单列表嘛，但是权限等级较低的员工有了高权限的路由还是能跳过去，只是没数据。按理说权限低权限的员工不能访问高权限的路由，于是在路由拦截守卫里找原因，条件判断有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 页面。