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
import Request from './request'
const test = new Request()
test.setConfig((config) => { /* 设置全局配置 */
config.baseUrl = 'http://www.aaa.cn'
config.header = {
...config.header,
a: 1,
b: 2
}
// config.custom = { auth: true }
return config
})
test.interceptor.request((config, cancel) => { /* 请求之前拦截器 */
config.header = {
...config.header,
a: 3
}
// if (config.custom.auth) {
// config.header.token = 'token'
// }
/*
if (!token) { // 如果token不存在，调用cancel 会取消本次请求，但是该函数的catch() 仍会执行
cancel('token 不存在') // 接收一个参数，会传给catch((err) => {}) err.errMsg === 'token 不存在'
}
*/
return config
})
/**
* 自定义验证器，如果返回true 则进入响应拦截器的响应成功函数(resolve)，否则进入响应拦截器的响应错误函数(reject)
* @param { Number } statusCode - 请求响应体statusCode（只读）
* @return { Boolean } 如果为true,则 resolve, 否则 reject
*/
test.validateStatus = (statusCode) => {
return statusCode === 200
}
test.interceptor.response((response) => { /* 请求之后拦截器 */
return response
}, (response) => { // 请求错误做点什么
return response
})
const http = new Request()
http.setConfig((config) => { /* 设置全局配置 */
config.baseUrl = 'http://www.bbb.cn' /* 根域名不同 */
config.header = {
...config.header,
a: 1,
b: 2
}
return config
})
/**
* 自定义验证器，如果返回true 则进入响应拦截器的响应成功函数(resolve)，否则进入响应拦截器的响应错误函数(reject)
* @param { Number } statusCode - 请求响应体statusCode（只读）
* @return { Boolean } 如果为true,则 resolve, 否则 reject
*/
http.validateStatus = (statusCode) => {
return statusCode === 200
}
http.interceptor.request((config, cancel) => { /* 请求之前拦截器 */
config.header = {
...config.header,
b: 1
}
/*
if (!token) { // 如果token不存在，调用cancel 会取消本次请求，但是该函数的catch() 仍会执行
cancel('token 不存在') // 接收一个参数，会传给catch((err) => {}) err.errMsg === 'token 不存在'
}
*/
return config
})
http.interceptor.response((response) => { /* 请求之后拦截器 */
// if (response.data.code !== 200) { // 服务端返回的状态码不等于200，则reject()
// return Promise.reject(response)
// }
// if (response.config.custom.verification) { // 演示自定义参数的作用
// return response.data
// }
return response
}, (response) => { // 请求错误做点什么
return response
})
export {
http,
test
}