在实现Vue项目的单点登录时，遇到一个问题：线上测试时，地址栏的key值在有无之间反复跳转，造成死循环。原因在于使用window.location.replace('XXX')进行URL替换，同时在路由守卫中未正确处理next()的跳转路径。解决方案是改用next(to.path)来完成跳转，避免了死循环的发生。
问题描述：
在做单点登录时，其他项目会跳转到本项目并携带一个key用于校验。在本项目处理方法是先判断有没有key，有就调用后端接口把key值传过去，然后前端需要把地址栏的key删掉并替换，不然会陷入死循环。
问题就出在替换地址栏这里。我直接用window.location.replace('XXX')做的替换。在线上测的时候，发现项目的地址栏从有key值变成了没有key，紧接着又跳到了有key值（就离谱）。原因是vue 路由守卫需要用next()继续当前导航，而我没有在next()里传需要跳转的路由，就默认跳转to对象的路由，即带了key的路由
解决方法：不需要用window.location.replace('XXX')做替换，直接用next(to.path)就可以跳转
扫一扫
2900
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
