vue3 + typescript 封装axios

在 Vue 3 中使用 TypeScript 封装 axios 需要遵循以下步骤：

1. 安装 axios 和 @vue/cli-plugin-typescript：

npm install axios @vue/cli-plugin-typescript

2. 在 Vue 项目的 main.ts 中导入 axios 并将其设置为 Vue.prototype 的一个属性，以便在组件中使用时可以直接访问：

import axios from 'axios';

Vue.prototype.$axios = axios;

3. 在需要使用 axios 的组件中导入 axios：

import { AxiosInstance } from 'axios';

export default class MyComponent extends Vue {
  // 声明 $axios 为 AxiosInstance 类型
  private $axios!: AxiosInstance;

  // 在组件中使用 axios
  async someMethod() {
    const response = await this.$axios.get('/some/endpoint');
    // 处理响应
  }
}

这样就可以在 Vue 3 项目中使用 TypeScript 封装 axios 了。