// axios配置 可自行根据项目进行更改,只需更改该文件即可,其他文件可以不动 import {showDialog, showFailToast, showSuccessToast} from 'vant'; import { VAxios } from './Axios'; import { AxiosTransform } from './axiosTransform'; import axios, { AxiosResponse } from 'axios'; import { checkStatus } from './checkStatus'; import { joinTimestamp, formatRequestDate } from './helper'; import { RequestEnum, ResultEnum, ContentTypeEnum } from '@/enums/httpEnum'; import { isString } from '@/utils/is/'; import { deepMerge, isUrl } from '@/utils'; import { setObjToUrlParams } from '@/utils/urlUtils'; import { RequestOptions, Result, CreateAxiosOptions } from './types'; import { useUserStoreWidthOut } from '@/store/modules/user'; import {domainStoreWidthOut} from "@/store/modules/domain"; const urlPrefix = ''; // import router from '@/router'; // import { storage } from '@/utils/Storage'; /** * @description: 数据处理,方便区分多种处理方式 */ const transform: AxiosTransform = { /** * @description: 处理请求数据 */ transformRequestData: (res: AxiosResponse, options: RequestOptions) => { const { isShowMessage = false, isShowErrorMessage, isShowSuccessMessage, successMessageText, errorMessageText, isTransformResponse, isReturnNativeResponse, } = options; console.log(res.request.responseURL.endsWith('domain.txt')) console.log(res.request.responseURL) if(res.request.responseURL.includes('domain.txt')){ return res; } // 是否返回原生响应头 比如:需要获取响应头时使用该属性 if (isReturnNativeResponse) { return res; } // 不进行任何处理,直接返回 // 用于页面代码可能需要直接获取code,data,message这些信息时开启 if (!isTransformResponse) { return res.data; } // const $dialog = window['$dialog']; // const $message = window['$message']; if (!res.data) { // return '[HTTP] Request has no return value'; throw new Error('请求出错,请稍候重试'); } // rows 特殊处理 if (res.data.rows) { res.data.data = res.data.rows } // 这里 code,result,message为 后台统一的字段,需要修改为项目自己的接口返回格式 const { code, data, msg } = res.data; // 是否显示提示信息 if (isShowMessage) { // 请求成功 const hasSuccess = data && Reflect.has(res.data, 'code') && code === ResultEnum.SUCCESS; if (hasSuccess && (successMessageText || isShowSuccessMessage)) { // 是否显示自定义信息提示 showSuccessToast(successMessageText || msg || '操作成功!'); } else if (!hasSuccess && (errorMessageText || isShowErrorMessage)) { // 是否显示自定义信息提示 showFailToast(msg || errorMessageText || '操作失败!'); } else if (!hasSuccess && options.errorMessageMode === 'modal') { // errorMessageMode=‘custom-modal’的时候会显示modal错误弹窗,而不是消息提示,用于一些比较重要的错误 showDialog({ title: '提示', message: msg, confirmButtonText: '确定' }).then(() => { }); } } // 接口请求成功,直接返回结果 if (code === ResultEnum.SUCCESS) { return data; } // 接口请求错误,统一提示错误信息 这里逻辑可以根据项目进行修改 let errorMsg = msg; switch (code) { // 请求失败 case ResultEnum.ERROR: showFailToast(errorMsg); break; // 登录超时 // case ResultEnum.TIMEOUT: // const LoginName = PageEnum.BASE_LOGIN_NAME; // const LoginPath = PageEnum.BASE_LOGIN; // if (router.currentRoute.value?.name === LoginName) return; // // 到登录页 // errorMsg = '登录超时,请重新登录!'; // $dialog.warning({ // title: '提示', // content: '登录身份已失效,请重新登录!', // positiveText: '确定', // //negativeText: '取消', // closable: false, // maskClosable: false, // onPositiveClick: () => { // storage.clear(); // window.location.href = LoginPath; // }, // onNegativeClick: () => {}, // }); // break; } throw new Error(errorMsg); }, // 请求之前处理config beforeRequestHook: (config, options) => { const { apiUrl, joinPrefix, joinParamsToUrl, formatDate, joinTime = true, urlPrefix } = options; const isUrlStr = isUrl(config.url as string); if (!isUrlStr && joinPrefix) { config.url = `${urlPrefix}${config.url}`; } if(!isUrlStr){ let domain = domainStoreWidthOut().getDomain; if(config.url && config.url.endsWith("domain.txt")){ return config }else if(domain && domain.length > 0){ let domainUrl = domain[Math.floor((Math.random()*domain.length))]; config.url = domainUrl + config.url; }else if(apiUrl && isString(apiUrl)){ config.url = `${apiUrl}${config.url}`; } }else{ if(config.url && config.url.endsWith("domain.txt")){ return config } } // if (!isUrlStr && apiUrl && isString(apiUrl)) { // config.url = `${apiUrl}${config.url}`; // } const params = config.params || {}; const data = config.data || false; if (config.method?.toUpperCase() === RequestEnum.GET) { if (!isString(params)) { // 给 get 请求加上时间戳参数,避免从缓存中拿数据。 config.params = Object.assign(params || {}, joinTimestamp(joinTime, false)); } else { // 兼容restful风格 config.url = config.url + params + `${joinTimestamp(joinTime, true)}`; config.params = undefined; } } else { if (!isString(params)) { formatDate && formatRequestDate(params); if (Reflect.has(config, 'data') && config.data && Object.keys(config.data).length > 0) { config.data = data; config.params = params; } else { config.data = params; config.params = undefined; } if (joinParamsToUrl) { config.url = setObjToUrlParams( config.url as string, Object.assign({}, config.params, config.data) ); } } else { // 兼容restful风格 config.url = config.url + params; config.params = undefined; } } return config; }, /** * @description: 请求拦截器处理 */ requestInterceptors: (config, options) => { // 请求之前处理config const headers = (config as Recordable).headers const userStore = useUserStoreWidthOut(); const token = userStore.getToken; headers.TYPE = 'TBS' headers.channelId = 'MP' if (token && (config as Recordable)?.requestOptions?.withToken !== false) { // jwt token headers.Authorization = options.authenticationScheme ? `${options.authenticationScheme} ${token}` : token; } return config; }, /** * @description: 响应错误处理 */ responseInterceptorsCatch: (error: any) => { // const $dialog = window['$dialog']; // const $message = window['$message']; const { response, code, message } = error || {}; // TODO 此处要根据后端接口返回格式修改 const msg: string = response && response.data && response.data.message ? response.data.message : ''; const err: string = error.toString(); try { if (code === 'ECONNABORTED' && message.indexOf('timeout') !== -1) { showFailToast('接口请求超时,请刷新页面重试!'); return; } if (err && err.includes('Network Error')) { showFailToast('请检查您的网络连接是否正常') // $dialog.info({ // title: '网络异常', // content: '请检查您的网络连接是否正常', // positiveText: '确定', // //negativeText: '取消', // closable: false, // maskClosable: false, // onPositiveClick: () => {}, // onNegativeClick: () => {}, // }); return Promise.reject(error); } } catch (error) { throw new Error(error as any); } // 请求是否被取消 const isCancel = axios.isCancel(error); if (!isCancel) { checkStatus(error.response && error.response.status, msg); } else { console.warn(error, '请求被取消!'); } //return Promise.reject(error); return Promise.reject(response?.data); }, }; function createAxios(opt?: Partial) { return new VAxios( deepMerge( { timeout: 10 * 1000, authenticationScheme: '', // 接口前缀 prefixUrl: urlPrefix, headers: { 'Content-Type': ContentTypeEnum.JSON }, // 数据处理方式 transform, // 配置项,下面的选项都可以在独立的接口请求中覆盖 requestOptions: { // 默认将prefix 添加到url joinPrefix: true, // 是否返回原生响应头 比如:需要获取响应头时使用该属性 isReturnNativeResponse: false, // 需要对返回数据进行处理 isTransformResponse: true, // post请求的时候添加参数到url joinParamsToUrl: false, // 格式化提交参数时间 formatDate: true, // 消息提示类型 errorMessageMode: 'none', // 接口地址 apiUrl: 'https://fhusdbs.vbg2c.top', // apiUrl: '', // 接口拼接地址 urlPrefix: urlPrefix, // 是否加入时间戳 joinTime: true, // 忽略重复请求 ignoreCancelToken: true, // 是否携带token withToken: true, }, withCredentials: false, }, opt || {} ) ); } export const http = createAxios(); // 项目,多个不同 api 地址,直接在这里导出多个 // src/api ts 里面接口,就可以单独使用这个请求, // import { httpTwo } from '@/utils/http/axios' // export const httpTwo = createAxios({ // requestOptions: { // apiUrl: 'http://localhost:9001', // urlPrefix: 'api', // }, // });