Spaces:
Runtime error
Runtime error
File size: 4,618 Bytes
d757506 |
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 |
/**
* axios 网络请求工具
*/
import axios from 'axios';
import api from './apiNames'
import url from './url'
// 服务器状态码
const codeMessage:any = {
200: '服务器成功返回请求的数据。',
201: '新建或修改数据成功。',
202: '一个请求已经进入后台排队(异步任务)。',
204: '删除数据成功。',
400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。',
401: '用户没有权限(令牌、用户名、密码错误)。',
403: '用户得到授权,但是访问是被禁止的。',
404: '发出的请求针对的是不存在的记录,服务器没有进行操作。',
406: '请求的格式不可得。',
410: '请求的资源被永久删除,且不会再得到的。',
422: '当创建一个对象时,发生一个验证错误。',
500: '服务器发生错误,请检查服务器。',
502: '网关错误。',
503: '服务不可用,服务器暂时过载或维护。',
504: '网关超时。',
};
// 接口返回状态码
const apiCode: any = {
toast: 101, // 错误信息,需要toast提示
loginFail: 10086, // 登录失效
}
let request = axios.create({
baseURL: url,
timeout: 2e4,
responseType: 'json',
});
/**
* 异常处理程序
*/
const errorHandler = (response: any) => {
if (response && response?.status) {
const errorText = codeMessage[response.status] || response.statusText;
const { status, url } = response;
if (response?.status === 401) { // 登录失效
setTimeout(() => {
window.sessionStorage.clear();
window.location.href = `${window.location.origin}/login`;
}, 1e3);
} else {
console.log(`请求错误 ${status}: ${url},${errorText}`);
}
}
return response;
};
// 取消请求
const cancelAxios:any = [];
request.interceptors.request.use((config:any) => {
const c = config;
c.cancelToken = new axios.CancelToken((cancel:any) => {
cancelAxios.push(cancel);
});
return c;
}, () => {
// console.log(error);
});
// 触发axios取消事件,挂载到window
window.$cancelRequest = () => {
cancelAxios.forEach((element:any, index:number) => {
element('cancel');
delete cancelAxios[index];
});
};
// 过滤导出excel错误提示,文件流下载接口声明列表
const list = [
{ url: api.exportDetails, type: 'export', export: 1},
];
// 添加请求拦截器
request.interceptors.request.use((config:any) => {
const finds = list.find(item => config.url.includes(item.url));
const num = config[config.method.toUpperCase() === 'GET' ? 'params' : 'data']?.export || 0;
if (finds && num === 1) { // 下载
config.responseType = 'blob'
}
return config
}, (error: any) => {
console.log(error)
})
// 添加响应拦截器
request.interceptors.response.use(async (response: any) => {
const options = response.config
const finds = list.find(item => options.url.includes(item.url));
const num = options[options.method.toUpperCase() === 'GET' ? 'params' : 'data']?.export || 0;
if (finds && num === 1 && response.status === 200) { // 文件流下载,请求中必须含:export:1,可选fileName,默认时间
const blob = new Blob([response.data], {type: 'application/vnd.ms-excel'});
let filename = options[options.method.toUpperCase() === 'GET' ? 'params' : 'data']?.fileName || new Date().Format('YYYY-MM-DD hh:mm:ss');
// 创建一个超链接,将文件流赋进去,然后实现这个超链接的单击事件
const elink = document.createElement('a');
elink.download = filename;
elink.style.display = 'none';
elink.href = URL.createObjectURL(blob);
document.body.appendChild(elink);
elink.click();
URL.revokeObjectURL(elink.href); // 释放URL 对象
document.body.removeChild(elink);
return blob
}
if (response.status === 200) { // 一般性接口请求
try {
if (response.data.code) {
if (response.data.code !== 200) {
if (response.data.code === apiCode.loginFail) { // 登录失效
setTimeout(() => {
window.sessionStorage.clear();
window.location.href = `${window.location.origin}/login`;
}, 1e3);
}
if (response.data.code === apiCode.toast) {
alert(response.data.errorMsg);
} else {
console.log(response.data.errorMsg);
}
}
}
} catch (err) {
console.log('接口请求失败');
}
} else {
errorHandler(response)
}
return response.data;
});
axios.defaults.withCredentials = true;
export default request |