ts对axios进行二次封装

最新推荐文章于 2024-05-17 10:28:57 发布

@大熊

最新推荐文章于 2024-05-17 10:28:57 发布

阅读量621

点赞数 2

分类专栏：笔记文章标签：前端 typescript

本文链接：https://blog.csdn.net/qq_51558433/article/details/128957070

版权

写在前面

此代码用于个人来查询，不做他用
可以实现对请求的精细化控制
- 全局可以实现拦截
- 创建的实例可以实现拦截
- 每个请求可以实现拦截

代码

类型

import type {
   
  AxiosRequestConfig,
  AxiosResponse,
  InternalAxiosRequestConfig
} from 'axios'

export interface YMInterceptors {
   
  successRequestFn?: (
    config: InternalAxiosRequestConfig
  ) => InternalAxiosRequestConfig
  failRequestFn?: (err: any) => any
  successResponseFn?: (res: AxiosResponse) => AxiosResponse
  failResponseFn?: (err: any) => any
}

export interface YMInstanceInterceptors<T = AxiosResponse> {
   
  successRequestFn?: (config: AxiosRequestConfig) => AxiosRequestConfig
  successResponseFn?: (res: T) => T
}

export interface YMAxiosRequestConfig<T>