123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202 |
- import type { AxiosRequestConfig, AxiosInstance, AxiosResponse } from 'axios';
- import axios from 'axios';
- import { AxiosCanceler } from './axiosCancel';
- import { isFunction } from '/@/utils/is';
- import { cloneDeep } from 'lodash-es';
- import type { RequestOptions, CreateAxiosOptions, Result, UploadFileParams } from './types';
- import { errorResult } from './const';
- import { ContentTypeEnum } from '/@/enums/httpEnum';
- import qs from 'qs';
- import { RequestEnum } from '../../../enums/httpEnum';
- export * from './axiosTransform';
- /**
- * @description: axios module
- */
- export class VAxios {
- private axiosInstance: AxiosInstance;
- private readonly options: CreateAxiosOptions;
- constructor(options: CreateAxiosOptions) {
- this.options = options;
- this.axiosInstance = axios.create(options);
- this.setupInterceptors();
- }
- /**
- * @description: Create axios instance
- */
- private createAxios(config: CreateAxiosOptions): void {
- this.axiosInstance = axios.create(config);
- }
- private getTransform() {
- const { transform } = this.options;
- return transform;
- }
- getAxios(): AxiosInstance {
- return this.axiosInstance;
- }
- /**
- * @description: Reconfigure axios
- */
- configAxios(config: CreateAxiosOptions) {
- if (!this.axiosInstance) {
- return;
- }
- this.createAxios(config);
- }
- /**
- * @description: Set general header
- */
- setHeader(headers: any): void {
- if (!this.axiosInstance) {
- return;
- }
- Object.assign(this.axiosInstance.defaults.headers, headers);
- }
- /**
- * @description: Interceptor configuration
- */
- private setupInterceptors() {
- const transform = this.getTransform();
- if (!transform) {
- return;
- }
- const {
- requestInterceptors,
- requestInterceptorsCatch,
- responseInterceptors,
- responseInterceptorsCatch,
- } = transform;
- const axiosCanceler = new AxiosCanceler();
- // Request interceptor configuration processing
- this.axiosInstance.interceptors.request.use((config: AxiosRequestConfig) => {
- // If cancel repeat request is turned on, then cancel repeat request is prohibited
- const {
- headers: { ignoreCancelToken = false },
- } = config;
- !ignoreCancelToken && axiosCanceler.addPending(config);
- if (requestInterceptors && isFunction(requestInterceptors)) {
- config = requestInterceptors(config);
- }
- return config;
- }, undefined);
- // Request interceptor error capture
- requestInterceptorsCatch &&
- isFunction(requestInterceptorsCatch) &&
- this.axiosInstance.interceptors.request.use(undefined, requestInterceptorsCatch);
- // Response result interceptor processing
- this.axiosInstance.interceptors.response.use((res: AxiosResponse<any>) => {
- res && axiosCanceler.removePending(res.config);
- if (responseInterceptors && isFunction(responseInterceptors)) {
- res = responseInterceptors(res);
- }
- return res;
- }, undefined);
- // Response result interceptor error capture
- responseInterceptorsCatch &&
- isFunction(responseInterceptorsCatch) &&
- this.axiosInstance.interceptors.response.use(undefined, responseInterceptorsCatch);
- }
- /**
- * @description: File Upload
- */
- uploadFile<T = any>(config: AxiosRequestConfig, params: UploadFileParams) {
- const formData = new window.FormData();
- if (params.data) {
- Object.keys(params.data).forEach((key) => {
- if (!params.data) return;
- const value = params.data[key];
- if (Array.isArray(value)) {
- value.forEach((item) => {
- formData.append(`${key}[]`, item);
- });
- return;
- }
- formData.append(key, params.data[key]);
- });
- }
- formData.append(params.name || 'file', params.file, params.filename);
- return this.axiosInstance.request<T>({
- ...config,
- method: 'POST',
- data: formData,
- headers: {
- 'Content-type': ContentTypeEnum.FORM_DATA,
- ignoreCancelToken: true,
- },
- });
- }
- // support form-data
- supportFormData(config: AxiosRequestConfig) {
- const headers = this.options?.headers;
- const contentType = headers?.['Content-Type'] || headers?.['content-type'];
- if (
- contentType !== ContentTypeEnum.FORM_URLENCODED ||
- !Reflect.has(config, 'data') ||
- config.method?.toUpperCase() === RequestEnum.GET
- ) {
- return config;
- }
- return {
- ...config,
- data: qs.stringify(config.data),
- };
- }
- request<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
- let conf: AxiosRequestConfig = cloneDeep(config);
- const transform = this.getTransform();
- const { requestOptions } = this.options;
- const opt: RequestOptions = Object.assign({}, requestOptions, options);
- const { beforeRequestHook, requestCatch, transformRequestData } = transform || {};
- if (beforeRequestHook && isFunction(beforeRequestHook)) {
- conf = beforeRequestHook(conf, opt);
- }
- conf = this.supportFormData(conf);
- return new Promise((resolve, reject) => {
- this.axiosInstance
- .request<any, AxiosResponse<Result>>(conf)
- .then((res: AxiosResponse<Result>) => {
- if (transformRequestData && isFunction(transformRequestData)) {
- const ret = transformRequestData(res, opt);
- ret !== errorResult ? resolve(ret) : reject(new Error('request error!'));
- return;
- }
- resolve((res as unknown) as Promise<T>);
- })
- .catch((e: Error) => {
- if (requestCatch && isFunction(requestCatch)) {
- reject(requestCatch(e));
- return;
- }
- reject(e);
- });
- });
- }
- }
|