[移动开发]基于Typescript泛型(generics)封装axios

• 首先创建axios的实例：

import axios , { AxiosRequestConfig, AxiosResponse } from 'axios'
const axiosInstance = axios.create()

• 然后就是核心方法了：

function Request<T = unknown, R = AxiosResponse<T>>(
  configParam: AxiosRequestConfig
) {
  return axiosInstance.request<T, R>(configParam)
}
export { Request }

• 你还可以在Request的基础上，根据请求类型再封一层，比如Get：

function Get<T>(url: string , params = {}) {
  return Request<T>({ url, params, method: 'get' })
}

• 使用例子：

import { Request } from '@/utils/axios'

export const LoginPost = (loginForm: {
  username: string
  password: string
}) => {
  return Request<BaseResponse>({
    url: '/v1/login',
    method: 'POST',
    params: loginForm
  })
}