首发，封装的axios的vue插件，已经全面升级支持vue2、3同时使用！！！

简介

由 axios 搬运而成的vue插件【别名：vue-axios3】
初衷就是让大家可以更语义的在 vue 引入 axios插件，以便更方便、快捷开发。

兼容

Vue \ vAxios	1.x	2.x	3.x
2.x	✔	❌	✔
3.x	❌	✔	✔

建议

使用3.0版本，支持vue2、vue3

安装 && 引入

• npm

npm install v-axios --save

import vAxios from 'v-axios';
// 不引入这个将自动注入axios
import axios from 'axios';

使用 Vue 2:

// 第二个参数可选
Vue.use(VueAxios[, axios]);

使用 Vue 3:

import { createApp } from 'vue';

const app = createApp(...);
// 第二个参数可选
app.use(vAxios[, axios]);

• 直接引入

<script src="https://unpkg.com/axios"></script>
<script src="https://unpkg.com/v-axios"></script>

使用

app.axios 或 this.$http 均可调用

你应该像下面一样使用：

// get
// es6 写法
Vue.axios.get('xxx').then(res => console.log(res.data));

// es5 写法
Vue.axios.get('xxx', {
  params: {
    ...
  }
}).then(function (res) {
  console.log(res);
}).catch(function (err) {
  console.log(err);
});

// post
// es6 写法
this.$http.post('xxx').then(res => console.log(res.data)).catch(err => console.log(err)});

// es5 写法
this.$http.post('xxx', {
  ...
}).then(function (res) {
  console.log(res);
}).catch(function (err) {
  console.log(err);
});

API

参看 - axios api

觉得不错的话，给个star，谢谢大家