utiliser axios globalement dans tous mes composants vue

Question

Je teste avec axios dans une application Vue et l'interface de ligne de commande. J'utilise Vue-Resource et je peux y accéder sur tous mes composants en le passant simplement à Vue.use (VueResource) Comment puis-je réaliser cela avec axios, de sorte que je n’ai pas à l’importer dans un composant, mais simplement à le définir une fois dans le fichier main.js?

Answer 1

Dans main.js, vous pouvez simplement assigner Axios à $ http.

main.js

import Axios from 'axios'

Vue.prototype.$http = Axios;

En modifiant le prototype vue, toute instance vue pourra appeler] $http Le this. (Par exemple, this.$http.get('https://httpbin.org/get')

Remarque: $http Est maintenant l'objet axios. Par conséquent, toute méthode permettant d'appeler un objet axios peut être appelée avec this.$http.