如何使用 vuejs 使 axios 的 API 请求可重用？

Question

如何通过我的应用使 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!');
    }
});

我正在考虑尝试这样的事情 ( gist ) 但我不知道如何将函数附加到 Vue 实例 并从vue-components 直接 ..

Answer 1

您可以将 axios 作为 Vue 属性注入： Vue.prototype.$http = require('axios'); 然后你可以这样使用它：this.$http.get(...) 或者您可以查看此repository