1
// 当前是否正在刷新token
2
let isNotRefreshing = true
3
// 存储请求的队列
4
let request = []
5
axios.interceptors.response.use(res => {
6
    // 为了实现需求，我们需要和后端约定一个响应体。比如: {code=10415,msg='token已过期',data:null}，当收到token过期的响应就要进行token刷新了
7
    if(res.data.code === 10415){
8
        // 拿到响应的配置对象，这和请求的配置参数是一样的，包括了url,data等相关信息，之后需要使用config进行请求的重发
9
        const config = res.config
10
        if(isNotRefreshing){
11
            isNotRefreshing = false
12
            //  发送刷新token的请求，完全可以将这个操作封装成一个函数比如refreshToken。因为上面已经在请求拦截器中做了判断处理(根据不同请求携带access_token或refresh_token)，所以这里就直接发送请求了
13
            return axios.get('/admin/refreshToken').then(res => {
14
                //  如果refresh_token也过期了，那用户只能重新登录 (响应体、状态码请和后端自行约定)
15
                if(res.code  === 10422 || res.code === 10415){
16
                    // tokenBo就是那两个token的存储对象
17
                    localStorage.removeItem("tokenBo")
18
                    // 这个是使用 access_token获取的类似用户的相关信息
19
                    localStorege.removeItem("currentAdmin")
20
                    router.push('/login')
21
                }else if(res.code === 10200){
22
                    //  token刷新成功后，将新的token存起来
23
                    localStorage.setItem("tokenBo",JSON.stringify(res.data))
24
                    //  执行request队列中的请求
25
                    request.forEach(fn => fn())
26
                    //  请求队列执行完毕，置空
27
                    request = []
28
                    //  重新执行当前未成功的请求并返回
29
                    return axios(config)
30
                }
31
               })
32
                  .catch(() => {
33
                    localStorage.removeItem("tokenBo");
34
                    localStorage.removeItem("currentAdmin");
35
                    router.push('/')
36
                  })
37
                  .finally(() => {
38
                    isNotRefreshing = true;
39
                  })
40
              } else {
41
                //如果当前已经是处于刷新token的状态，就将请求置于请求队列中，这个队列会在刷新token的回调中执行，由于new关键子存在声明提升，所以不用顾虑会有请求没有处理完的情况，这段添加请求的程序一定会在刷新token的回调执行之前执行的
42
                return new Promise(resolve => {
43
                  //这里加入的是一个promise的解析函数，将响应的config配置对应解析的请求函数存到requests中，等到刷新token回调后再执行
44
                  requests.push(() => {
45
                    resolve(axios(config));
46
                  })
47
                })
48
              }
49
            } else {
50
              if (res.data.code == 10200) {
51
                return res.data;
52
              } else {
53
                if (res.data.code == 10409) {
54
                  localStorage.removeItem("tokenBo");
55
                  localStorage.removeItem("currentAdmin");
56
                  router.push('/push')
57
                }
58
                Message.error(res.data.message);
59
                return res.data;
60
              }
61
            }
62

63
  },err => {
64
    if (err && err.response && err.response.status) {
65
      switch (err.response.status) {
66
        case 404:
67
          Message.error("页面未找到");
68
          break;
69
        case 401:
70
          Message.error('没有权限访问')
71
          break;
72
        case 500:
73
          Message.error("系统维护中")
74
          break;
75
        case 505:
76
          Message.error("网络错误")
77
      }
78
    }
79
})