关于登录失效弹窗多次弹出问题

登录失效弹窗

项目场景：

项目中登录失效弹窗多次弹出影响体验效果

---

原因分析：

在登录token失效或者过期时，响应拦截器中对请求进行多次拦截造成多次弹窗

---

解决方案：

在响应拦截中当状态码为203（登录失效时），存储一个变量在localStorage里

例如：

步骤

在响应拦截器中：

①：// 清除localStorage里的数据

window.localStorage.clear();

②：window.localStorage.setItem("isToken", true);

③：跳转到首页或者时登录页

在首页或者时登录页

④：判断 window.localStorage.isToken

if (window.localStorage.isToken == "true") {

this.$message.error("登录失效，请重新登录")

// 把localStorage里isToken的数据改成 false

window.localStorage.setItem("isToken", false);

}