如何在 Vue (Typescript) 中使用 axios？

Question

我想在 vue (Typescript) 中使用 axios，但我的代码遇到了麻烦。这是我的 main.ts

 import axios from 'axios'
Vue.prototype.$axios = axios
axios.defaults.baseURL = 'http://192.168.1.225:8088'

这是我的 Vue 代码 截图

这是我第一次使用 typescript，之前我在 javaScript 中以另一种方式使用它并且我没有任何问题，那么我如何在 TypeScript 中使用它呢？

感谢您的时间和解决方案。

原文由 william 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我这样做并在 main.ts 上完美运行

import Vue from 'vue';
import axios, { AxiosStatic } from 'axios';

axios.defaults.baseURL = 'http://192.168.1.225:8088';
Vue.prototype.$axios = axios;
declare module 'vue/types/vue' {
  interface Vue {
    $axios: AxiosStatic;
  }
}

原文由 ary-T 发布，翻译遵循 CC BY-SA 4.0 许可协议