Vue 中使用 TypeScript

axios 使用方式

方式一

import axios from 'axios';

Vue.prototype.$axios = axios;

// 在 .vue 文件中使用

// 使用 this as any 是去掉 ts 的类型检测 axios 是挂载成功的

(this as any).$axios.get('http://www.baidu.com').then((res: any) => {

      console.log(res);

    });

方式二

import axios, { AxiosInstance } from 'axios'

declare module 'Vue/types/vue' {

  interface Vue {

    $http: AxiosInstance

  }

}

// 在 .vue 文件中使用

this.$axios.get('http://www.baidu.com').then((res: any) => {

      console.log(res);

    });

方式三

import axios from 'axios';

import VueAxios from 'vue-axios';

Vue.use(VueAxios, axios)

// 在 .vue 文件中使用

this.$axios.get('http://www.baidu.com').then((res: any) => {

    console.log(res);

});

方式四

// 在 .vue 文件中直接导入

import axios from "axios";

axios.get('http://www.baidu.com', {}).then((res: any) => {

    console.log(res);

});

后续方式持续补充

巴特西

Vue 中使用 TypeScript axios 使用方式

Vue 中使用 TypeScript

axios 使用方式

方式一

方式二

方式三

方式四

最新文章

热门文章