Как сделать так, чтобы запросы API Axios можно было повторно использовать с помощью vuejs?

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 instance и вызвать эти функции из vue-компоненты напрямую ..

Answer 1

Вы можете добавить axios как свойство Vue: Vue.prototype.$http = require('axios'); Тогда вы можете использовать его так: this.$http.get(...) Или вы можете оформить заказ хранилище