A small wrapper for integrating axios to Vuejs
npm install --save axios vve-vue-axios
And in your entry file:
import Vue from 'vue' import axios from 'axios' import VueAxios from 'vve-vue-axios' Vue.use(VueAxios, axios)
Just add 3 scripts in order: vue, axios and vve-vue-axios to your document.
This wrapper bind axios to Vue or this if you're using single file component.
You can use axios like this:
Vue.axios.get(api).then((response) => { console.log(response.data) }) Vue.$axios.get(api).then((response) => { console.log(response.data) }) this.axios.get(api).then((response) => { console.log(response.data) }) this.$axios.get(api).then((response) => { console.log(response.data) }) this.$http.get(api).then((response) => { console.log(response.data) })
Please kindly check full documention of axios too