| | |
| | | // axios配置 可自行根据项目进行更改,只需更改该文件即可,其他文件可以不动 |
| | | // The axios configuration can be changed according to the project, just change the file, other files can be left unchanged |
| | | |
| | | import type { AxiosResponse } from 'axios'; |
| | | import type { AxiosInstance, AxiosResponse } from 'axios'; |
| | | import { clone } from 'lodash-es'; |
| | | import type { RequestOptions, Result } from '/#/axios'; |
| | | import type { AxiosTransform, CreateAxiosOptions } from './axiosTransform'; |
| | | import { VAxios } from './Axios'; |
| | |
| | | import { useGlobSetting } from '/@/hooks/setting'; |
| | | import { useMessage } from '/@/hooks/web/useMessage'; |
| | | import { RequestEnum, ResultEnum, ContentTypeEnum } from '/@/enums/httpEnum'; |
| | | import { isString } from '/@/utils/is'; |
| | | import { isString, isUndefined, isNull, isEmpty } from '/@/utils/is'; |
| | | import { getToken } from '/@/utils/auth'; |
| | | import { setObjToUrlParams, deepMerge } from '/@/utils'; |
| | | import { useErrorLogStoreWithOut } from '/@/store/modules/errorLog'; |
| | | import { useI18n } from '/@/hooks/web/useI18n'; |
| | | import { joinTimestamp, formatRequestDate } from './helper'; |
| | | import { useUserStoreWithOut } from '/@/store/modules/user'; |
| | | import { AxiosRetry } from '/@/utils/http/axios/axiosRetry'; |
| | | import axios from 'axios'; |
| | | |
| | | const globSetting = useGlobSetting(); |
| | | const urlPrefix = globSetting.urlPrefix; |
| | | const { createMessage, createErrorModal } = useMessage(); |
| | | const { createMessage, createErrorModal, createSuccessModal } = useMessage(); |
| | | |
| | | /** |
| | | * @description: 数据处理,方便区分多种处理方式 |
| | | */ |
| | | const transform: AxiosTransform = { |
| | | /** |
| | | * @description: 处理请求数据。如果数据不是预期格式,可直接抛出错误 |
| | | * @description: 处理响应数据。如果数据不是预期格式,可直接抛出错误 |
| | | */ |
| | | transformRequestHook: (res: AxiosResponse<Result>, options: RequestOptions) => { |
| | | transformResponseHook: (res: AxiosResponse<Result>, options: RequestOptions) => { |
| | | const { t } = useI18n(); |
| | | const { isTransformResponse, isReturnNativeResponse } = options; |
| | | // 是否返回原生响应头 比如:需要获取响应头时使用该属性 |
| | |
| | | // 这里逻辑可以根据项目进行修改 |
| | | const hasSuccess = data && Reflect.has(data, 'code') && code === ResultEnum.SUCCESS; |
| | | if (hasSuccess) { |
| | | let successMsg = message; |
| | | |
| | | if (isNull(successMsg) || isUndefined(successMsg) || isEmpty(successMsg)) { |
| | | successMsg = t(`sys.api.operationSuccess`); |
| | | } |
| | | |
| | | if (options.successMessageMode === 'modal') { |
| | | createSuccessModal({ title: t('sys.api.successTip'), content: successMsg }); |
| | | } else if (options.successMessageMode === 'message') { |
| | | createMessage.success(successMsg); |
| | | } |
| | | return result; |
| | | } |
| | | |
| | |
| | | case ResultEnum.TIMEOUT: |
| | | timeoutMsg = t('sys.api.timeoutMessage'); |
| | | const userStore = useUserStoreWithOut(); |
| | | userStore.setToken(undefined); |
| | | userStore.logout(true); |
| | | break; |
| | | default: |
| | |
| | | } |
| | | } |
| | | |
| | | // errorMessageMode=‘modal’的时候会显示modal错误弹窗,而不是消息提示,用于一些比较重要的错误 |
| | | // errorMessageMode='modal'的时候会显示modal错误弹窗,而不是消息提示,用于一些比较重要的错误 |
| | | // errorMessageMode='none' 一般是调用时明确表示不希望自动弹出错误提示 |
| | | if (options.errorMessageMode === 'modal') { |
| | | createErrorModal({ title: t('sys.api.errorTip'), content: timeoutMsg }); |
| | |
| | | } else { |
| | | if (!isString(params)) { |
| | | formatDate && formatRequestDate(params); |
| | | if (Reflect.has(config, 'data') && config.data && Object.keys(config.data).length > 0) { |
| | | if ( |
| | | Reflect.has(config, 'data') && |
| | | config.data && |
| | | (Object.keys(config.data).length > 0 || config.data instanceof FormData) |
| | | ) { |
| | | config.data = data; |
| | | config.params = params; |
| | | } else { |
| | |
| | | /** |
| | | * @description: 响应错误处理 |
| | | */ |
| | | responseInterceptorsCatch: (error: any) => { |
| | | responseInterceptorsCatch: (axiosInstance: AxiosInstance, error: any) => { |
| | | const { t } = useI18n(); |
| | | const errorLogStore = useErrorLogStoreWithOut(); |
| | | errorLogStore.addAjaxErrorInfo(error); |
| | |
| | | const msg: string = response?.data?.error?.message ?? ''; |
| | | const err: string = error?.toString?.() ?? ''; |
| | | let errMessage = ''; |
| | | |
| | | if (axios.isCancel(error)) { |
| | | return Promise.reject(error); |
| | | } |
| | | |
| | | try { |
| | | if (code === 'ECONNABORTED' && message.indexOf('timeout') !== -1) { |
| | |
| | | } |
| | | |
| | | checkStatus(error?.response?.status, msg, errorMessageMode); |
| | | |
| | | // 添加自动重试机制 保险起见 只针对GET请求 |
| | | const retryRequest = new AxiosRetry(); |
| | | const { isOpenRetry } = config.requestOptions.retryRequest; |
| | | config.method?.toUpperCase() === RequestEnum.GET && |
| | | isOpenRetry && |
| | | // @ts-ignore |
| | | retryRequest.retry(axiosInstance, error); |
| | | return Promise.reject(error); |
| | | }, |
| | | }; |
| | | |
| | | function createAxios(opt?: Partial<CreateAxiosOptions>) { |
| | | return new VAxios( |
| | | // 深度合并 |
| | | deepMerge( |
| | | { |
| | | // See https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication#authentication_schemes |
| | |
| | | // 如果是form-data格式 |
| | | // headers: { 'Content-Type': ContentTypeEnum.FORM_URLENCODED }, |
| | | // 数据处理方式 |
| | | transform, |
| | | transform: clone(transform), |
| | | // 配置项,下面的选项都可以在独立的接口请求中覆盖 |
| | | requestOptions: { |
| | | // 默认将prefix 添加到url |
| | |
| | | ignoreCancelToken: true, |
| | | // 是否携带token |
| | | withToken: true, |
| | | retryRequest: { |
| | | isOpenRetry: true, |
| | | count: 5, |
| | | waitTime: 100, |
| | | }, |
| | | }, |
| | | }, |
| | | opt || {}, |