import Request from 'luch-request'; import store from '@/store'; import { AxiosInstance } from 'axios'; import { session } from '@/store/modules/session'; import vm from '@/main'; /** * 标识调试状态 */ const debug = process.env.NODE_ENV !== 'production'; const httpjson = new Request({ baseURL: process.env.VUE_APP_BASE_URL, }); /** * 标识加载中状态 */ let loading: any; httpjson.interceptors.request.use( (config: any) => { // 所有请求默认提示加载中 if (!loading) { uni.showLoading({ title: vm.$t('message.Loading') as string }); } else { clearTimeout(loading); } // 在请求发送之前做一些处理 try { const token = ''; // store.state.session.accessToken; if (token) { // 让每个请求携带token config.header['content-type'] = 'application/json'; } } catch (e) { // error } if (typeof config.data === 'string' && config.data.constructor === String) { config.header['content-type'] = 'application/json'; } if (session.lang) { config.url = config.url + '?lang=' + (session.lang == 'en' ? 'en_US' : 'zh_CN'); } return config; }, (error: Error) => { // 发送失败 console.log(error); Promise.reject(error); }, ); httpjson.interceptors.response.use( (response: any) => { // 延时关闭加载中提示 loading = setTimeout(() => { loading = undefined; uni.hideLoading(); }, 500); debug && console.log(response); // dataAxios 是 axios 返回数据中的 data const dataAxios = response.data; // 测试服务接口直接返回结果 if (response.config.url === '/wmspda/system/test') { return dataAxios; } // 这个状态码是和后端约定的 const { code, status } = dataAxios; // 根据 code 进行判断 if (code === undefined && status === undefined) { // 如果没有 code 代表这不是项目后端开发的接口 比如可能是 D2Admin 请求最新版本 return dataAxios; } else if (code !== undefined) { // 有 code 代表这是一个后端接口 可以进行进一步的判断 switch (code) { case '1': // code === '1' 代表没有错误 return dataAxios; case 401: // [ 示例 ] 其它和后台约定的 code store.dispatch('session/logout'); uni.setStorageSync('showLoginTips', true); uni.switchTab({ url: '/pages/personal/index' }); errorCreate(dataAxios.message, response.config.custom.hideError); break; default: // 不是正确的 code errorCreate(dataAxios.msg, response.config.custom.hideError); break; } } else if (status !== undefined) { // 有 status 代表这是一个后端接口 可以进行进一步的判断 switch (status) { case 'S': // code === 'S' or '1' 代表没有错误 return dataAxios; default: // 不是正确的 code errorCreate(dataAxios.msg, response.config.custom.hideError); break; } } }, (error: any) => { // 延时关闭加载中提示 loading = setTimeout(() => { loading = undefined; uni.hideLoading(); }, 500); if (error?.data?.message) { error.message = error.data.message; } else if (error) { switch (error.statusCode) { /* eslint-disable */ case 400: error.message = vm.$t('message.request_Tip1') as string; break case 401: error.message = vm.$t('message.request_Tip2') as string; break case 403: error.message = vm.$t('message.request_Tip3') as string; break case 404: error.message = vm.$t('message.request_Tip4') as string + error.config.url; break case 408: error.message = vm.$t('message.request_Tip5') as string; break case 500: error.message = vm.$t('message.request_Tip6') as string; break case 501: error.message = vm.$t('message.request_Tip7') as string; break case 502: error.message = vm.$t('message.request_Tip8') as string; break case 503: error.message = vm.$t('message.request_Tip9') as string; break case 504: error.message = vm.$t('message.request_Tip10') as string; break case 505: error.message = vm.$t('message.request_Tip11') as string; break default: break /* eslint-enable */ } } errorLog(error, error?.config?.custom?.hideError); return Promise.reject(error); }, ); // 创建一个错误 function errorCreate(msg: string, hideError: boolean) { const error = new Error(msg); errorLog(error, hideError); throw error; } // 记录和显示错误 function errorLog(error: Error, hideError: boolean) { // 打印到控制台 if (process.env.NODE_ENV === 'development') { console.error('>>>>>> Error >>>>>>'); console.error(error); } // 显示提示 hideError || uni.showToast({ icon: 'none', title: error.message, }); } export default httpjson as AxiosInstance;