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 页面。
至此问题完美解决