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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
//引入axios
import axios from 'axios';
import hlsPopup from './hlsPopup'
import router from '../router/index';
let cancel, promiseArr = {}
let vm = this;
const CancelToken = axios.CancelToken;
//请求拦截器
axios.interceptors.request.use(config => {
//发起请求时,取消掉当前正在进行的相同请求
if (promiseArr[config.url]) {
promiseArr[config.url]('操作取消')
promiseArr[config.url] = cancel
} else {
promiseArr[config.url] = cancel
}
return config
}, error => {
return Promise.reject(error)
})
//响应拦截器即异常处理
axios.interceptors.response.use(response => {
if (process.env.debug) {
let postName = 'post';
console.log(postName + " success");
console.log(postName + " response " + JSON.stringify(response.data,'',2));
console.log(postName + " End!");
}
if (response.data.result === 'E' || response.data.code === 'E') {
hlsPopup.hideLoading();
const err = {};
err.message = response.data.message;
hlsPopup.showError(err.message);
return Promise.resolve(err)
} else {
return response.data;
}
}, err => {
let vm = this;
if (err && err.response) {
switch (err.response.status) {
case 400:
err.message = '错误请求'
break;
case 401:
err.message = '登录已失效,请重新登录'
break;
case 403:
err.message = '拒绝访问'
break;
case 404:
err.message = '请求错误,未找到该资源'
break;
case 405:
err.message = '不支持的请求类型'
break;
case 408:
err.message = '请求超时'
break;
case 500:
err.message = '服务器端出错'
break;
case 501:
err.message = '网络未实现'
break;
case 502:
err.message = '网络错误'
break;
case 503:
err.message = '服务不可用'
break;
case 504:
err.message = '网络超时'
break;
case 505:
err.message = 'http版本不支持该请求'
break;
default:
err.message = `连接错误${err.response.status}`
}
} else {
err.message = "连接到服务器失败"
}
if (err.response.status === 401) {
hlsPopup.showPopup({
title: '登录失效,重新登录',
onConfirm: () => {
router.push({name: "Login"});
}
});
} else {
hlsPopup.showError(err.message);
}
return Promise.resolve(err)
})
axios.defaults.baseURL = '';
axios.defaults.timeout = 10000;
//get请求
export function get (url) {
let param = {}
let headers = {};
if (window.localStorage.access_token) {
headers = {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + window.localStorage.access_token
}
}
else {
headers = {
'Content-Type': 'application/json'
}
}
return new Promise((resolve, reject) => {
axios({
method: 'get',
url,
headers: headers,
params: param,
cancelToken: new CancelToken(c => {
cancel = c
})
}).then(res => {
resolve(res)
}).catch(err => {
reject(err)
})
})
}
//post请求
export function post(url, param) {
param.user_id = window.localStorage.user_id;
param.access_token = window.localStorage.access_token;
let headers = {};
if (window.localStorage.access_token) {
headers = {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + window.localStorage.access_token
}
}
else {
headers = {
'Content-Type': 'application/json'
}
}
if (process.env.debug) {
let postName = 'POST'
console.log(postName + " Start!");
console.log(postName + " url " + url);
console.log(postName + " parameter " + JSON.stringify(param,'',2));
}
return new Promise((resolve, reject) => {
axios({
method: 'post',
headers: headers,
url,
data: param,
cancelToken: new CancelToken(c => {
cancel = c
})
}).then(res => {
resolve(res)
}).catch(err => {
reject(err)
})
})
}