DefHttp.js
2.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
let requestQueue = []
const JWT_TOKEN_KEY = 'JWT_TOKEN';
const REFRESH_TOKEN_KEY = 'REFRESH_TOKEN';
/**
* custom http request
*/
function createAxios(options) {
/**
* 创建实例
*/
const instance = axios.create({
baseURL: options.baseURL,
timeout: options.timeout,
headers: {
"content-type": "application/json; charset=UTF-8",
"X-Authorization": "Bearer " + GLOBAL_TOKEN.token,
},
});
instance.interceptors.request.use((config) => {
config.headers["X-Authorization"] = "Bearer " + GLOBAL_TOKEN.token
return config
}, (error) => {
console.log(error)
return error
})
/**
* 数据返回拦截-响应拦截器
*/
instance.interceptors.response.use(
function (response) {
return response.data;
},
function (error) {
if (error.response.status == 401) {
// layer.alert('登录超时,请重新登录');
// const config = error.config
// const url = config.url
// const method = config.method
// const data = config.data
// const flag = requestQueue.find(item => item.url === url)
// if (!flag) {
// console.log(url, method, data)
// requestQueue.push({ url, method, data })
// }
doRefreshToken()
}
const message = error.response && error.response.data && error.response.data.message
const { layer } = layui
message && layer.msg(message, { icon: 5 })
return Promise.reject(error);
}
);
return instance;
}
/**
* @description refresh token
* @param {} params
* @returns
*/
function doRefreshToken(params) {
const refreshToken = GLOBAL_TOKEN.refreshToken
return new Promise((resolve, reject) => {
axios.post('/api/auth/token',
{ refreshToken },
{
headers: {
"content-type": "application/json; charset=UTF-8",
"X-Authorization": "Bearer " + GLOBAL_TOKEN.token,
},
})
.then(res => {
// 存储token
const { refreshToken, token } = res.data
Object.assign(GLOBAL_TOKEN, { refreshToken, token })
const ls = createStorage({ storage: localStorage })
const originData = ls.get(GLOBAL_STORAGE_KEY)
const newRefreshToken = ls.generatorValue(REFRESH_TOKEN_KEY, refreshToken, true)
const newToken = ls.generatorValue(REFRESH_TOKEN_KEY, token, true)
ls.set(GLOBAL_STORAGE_KEY, Object.assign(originData, { [REFRESH_TOKEN_KEY]: newRefreshToken, [JWT_TOKEN_KEY]: newToken }), true)
// try {
// requestQueue.forEach(item => {
// const { method, url, data } = item
// defHttp[method](url, data)
// })
// requestQueue = []
// } catch (error) {
// }
window.location.reload()
resolve()
})
.catch((error) => {
const { origin } = window.location
window.location.href = `${origin}/login`
reject(error)
})
})
}