Vue.js 如何制作axios';s API请求是否可与vuejs一起重用?

Vue.js 如何制作axios';s API请求是否可与vuejs一起重用?,vue.js,axios,Vue.js,Axios,如何通过我的应用程序使axios的API请求可重复使用, 因此,我可以避免反复编写相同的代码 //load the axios HTTP library window.axios = require('axios'); window.Vue = require('vue'); const app = new Vue({ el: '#app', mounted(){ console.log('hello!'); } }); 我想尝试类似的方法(),但我

如何通过我的应用程序使axios的API请求可重复使用, 因此,我可以避免反复编写相同的代码

//load the axios HTTP library
window.axios = require('axios');
window.Vue = require('vue');


const app = new Vue({
    el: '#app',
    mounted(){
        console.log('hello!');
    }
});

我想尝试类似的方法(),但我不知道如何将函数附加到Vue实例,并直接从Vue组件调用这些函数。

您可以将axios作为Vue属性注入:
Vue.prototype.$http=require('axios')
然后您可以这样使用它:
this.$http.get(…)
或者您可以签出我构建的这个

,它有助于用一个简单的API包装常见调用。