vue3中使用ts封装axios给出代码

当然，我非常乐意回答你的问题！以下是一个使用 TypeScript 封装 Axios 的 Vue3 代码示例：

import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
import { reactive } from 'vue';

interface ResponseData<T = any> {
  code: number;
  message: string;
  data: T;
}

export interface Result<T = any> {
  loading: boolean;
  error: string;
  response: ResponseData<T> | null;
  fetchData: (axiosConfig?: AxiosRequestConfig) => Promise<void>;
}

export function useAxios<T = any>(url: string, axiosConfig: AxiosRequestConfig = {}): Result<T> {
  const state = reactive({
    loading: false,
    error: '',
    response: null,
    fetchData: async (axiosConfig?: AxiosRequestConfig) => {
      state.loading = true;
      try {
        const response: AxiosResponse<ResponseData<T>> = await axios.request({
          url,
          ...axiosConfig,
        });
        state.response = response.data;
      } catch (error) {
        state.error = error.message;
      } finally {
        state.loading = false;
      }
    },
  });

  state.fetchData(axiosConfig);

  return state;
}

希望这个代码示例可以帮到你！