vue 3中axios的类型是什么？

Question

我使用的是Vue 3打字本和vue-auth包.

为了安装vue-auth，我需要一个这样的文件

http/index.ts

import axios from 'axios';
import type { App } from 'vue';
axios.defaults.baseURL = process.env.VUE_APP_API_URL;

export default (app:App) => {
    app.axios = axios;
    app.$http = axios;

    app.config.globalProperties.axios = axios;
    app.config.globalProperties.$http = axios;
}

正如您所看到的，这里有类型错误

我该怎么办？

Answer 1

来自Vue 3文件

一些插件通过app.config.globalProperties向所有组件实例安装全局可用的属性。例如，我们可以安装用于数据获取的.$http或用于国际化的.为了使TypeScript更好地发挥作用，Vue公开了一个ComponentCustomProperties接口，该接口设计为通过TypeScript模块增强来增强：

import axios from 'axios'

declare module 'vue' {
  interface ComponentCustomProperties {
    $http: typeof axios
  }
}

我们可以将这种类型的增强放在.ts文件中，或者在项目范围内的*.d.ts文件中。无论哪种方式，都要确保它包含在tsconfig.json中。对于库/插件作者，应在package.json中的types属性中指定此文件。