解决token验证过期,返回登录页面,因为发送多次请求,导致消息多次提示的问题.

我们如果通过在axios响应拦截器中拦截状态码是否为401来提示反馈给用户登录过期消息那么将会弹窗多次,因为即使token过期了也还会发送多次请求,就会有多次401,就会弹窗多次.解决token验证过期,返回登录页面,因为发送多次请求,导致消息多次提示的问题._第1张图片

造成结果如下

解决token验证过期,返回登录页面,因为发送多次请求,导致消息多次提示的问题._第2张图片

这时候我们可以通过过期的时候传递一个值存在localStorage中,然后进入登录界面在生命周期函数中,判断该值是否存在来判断是否是因为登录失效而返回的登录界面.如果是就提示用户登录失效,如果不是则不做任何操作.这样就只会弹出一次登录已失效,请重新登录

解决token验证过期,返回登录页面,因为发送多次请求,导致消息多次提示的问题._第3张图片

解决token验证过期,返回登录页面,因为发送多次请求,导致消息多次提示的问题._第4张图片

你可能感兴趣的:(web前端,vue.js,javascript)