axios与vue-axios有何区别?如何通过vue-axios在Vue中使用axios

axios和vue-axios的区别

  • axios是基于Promise的HTTP库,是非Vue的第三方插件,不能用Vue.use()安装插件,需要在Vue的原型上进行绑定:
Vue.prototype.$axios = axios;
  • vue-axios是用于将axios集成到vue.js的小包装器

通过vue-axios在Vue的使用axios

  1. npm安装
npm i axios vue-axios

2. 导入

import Vue from 'vue';
import axios from 'axios';
import VueAxios from 'vue-axios';
Vue.use(VueAxios, axios);

3. 使用

用法1:

axios.get('url')
  .then(res=>{})
  .catch(err=>{});

用法2:

axios.get('url')
  .then(res=>{})
  .catch(err=>{});

如果使用Vue.use()安装axios,而未将其绑定到Vue的原型,且未通过VueAxios使用axios,则浏览器将会报错:Uncaught (in promise) TypeError: Cannot read property ‘protocol‘ of undefined。。。

axios   vue
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章