import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'; import { notification } from 'antd'; import Cookies from 'js-cookie'; import moment from 'moment'; // 定义 HTTP 状态码及其描述 const codeMessage: Record = { 200: '服务器成功返回请求的数据。', 201: '新建或修改数据成功。', 202: '一个请求已经进入后台排队(异步任务)。', 204: '删除数据成功。', 400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。', 401: '用户没有权限(令牌、用户名、密码错误)。', 403: '用户得到授权,但是访问是被禁止的。', 404: '发出的请求针对的是不存在的记录,服务器没有进行操作。', 406: '请求的格式不可得。', 410: '请求的资源被永久删除,且不会再得到的。', 422: '当创建一个对象时,发生一个验证错误。', 500: '服务器发生错误,请检查服务器。', 502: '网关错误。', 503: '服务不可用,服务器暂时过载或维护。', 504: '网关超时。', }; // 错误处理 const errorHandler = (error: any): any => { const { response } = error; if (response && response.status) { const errorText = codeMessage[response.status] || response.statusText; const { status, url } = response; notification.error({ message: `请求错误 ${status}: ${url}`, description: errorText, }); } else { notification.error({ description: '您的网络异常,无法连接到服务器。', message: '网络异常', }); } return Promise.reject(error); }; // 创建 axios 实例 const instance = axios.create({ baseURL: 'http://cloud.eshangtech.com/MobileServicePlatform/Handler/handler_ajax.ashx', // 默认请求前缀 timeout: 60000, // 请求超时时间 headers: { 'Content-Type': 'text/plain', }, }); // 请求拦截器 instance.interceptors.request.use( (config: any) => { return config; }, errorHandler ); // 响应拦截器 instance.interceptors.response.use( (response: AxiosResponse) => { // 每次响应,设置一个 tmp 的 Cookie Cookies.set('tmp', moment().format()); return response.data; // 统一返回 data }, errorHandler ); // 封装的请求方法 const request = { get: (url: string, params?: any) => instance.get(url, { params }), post: (url: string, data?: any) => instance.post(url, data), put: (url: string, data?: any) => instance.put(url, data), delete: (url: string, params?: any) => instance.delete(url, { params }), }; export default request;