需求: 当向后端请求接口返回 403 的时候,直接跳到登录页面让用户登录
实现方案: 在请求结束后拦截器中判断,如果是 403 就跳转
遇到难题: 一级页面(我的) onShow() 中有接口请求,用户在没有登录的状态下,来到我的页面, 接口报错返回403 ,触发我们在拦截器写好的方法,跳转到登录页面,
出现怪异现象:1.进入到我的页面, 会连续跳转2次到登录页面(因为我的页面有两个请求都返回 403,所以会连续跳两次)
2.跳转到登录页面后, 点击导航栏返回后, 接口会再次请求报错返回403(因为onShow的方法) ,触发我们在拦截器写好的方法,再次跳转到登录页面(死循环)
解决方法:
处理怪异现象1:
1.1在跳转到登录页面之前向本地存储中获取 jump (得到空)
1.2if 判断进入到跳转登录页的方法. (注意延迟300跳转)
1.3同时再为本地存储 jump 设一个值.(这样做就可以避免 300毫秒以内的接口即使报403,也不会进入到if(!jump)函数体中,也就不会出现连续跳转了)
1.4在登录页面将本地存储 jump 移除(别忘记了,不然之后其他接口报 403 就不会进入函数体了,不会跳转了)
http.js文件
login.vue 文件
处理怪异现象2:
我们在登录页面中,使用uni-app的 onBackPress 事件来监听用户点击返回键
如果是从其他页面来的,点击返回键执行back方法
back方法:
