Importing Axios
-
Hi,
I’m not sure how to import Axios into my Quasar project. I’ve installed Axios through npm, but I can’t get it to import into my project. Which file should I be including it in and what should the line that imports it look like?
Thanks.
-
You should put it in your main.js file:
import Vue from 'vue' import Quasar from 'quasar' import router from './router' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) Vue.use(Quasar) // Install Quasar Framework Quasar.start(() => { /* eslint-disable no-new */ new Vue({ el: '#search-app', router, render: h => h(require('./App')) }) })
-
if you just use axios, in any module you define
import axios from 'axios' export default { methods: { getItems() { axios.get('/items') .then(res => { console.log(res.data) }) .catch( res => { console.log('error', res) }) } } }
-
-
@MDev is better if you set it as a plugin:
import axios from 'axios' export default ({ Vue }) => { Vue.prototype.$axios = axios }
En then access it as :
this.$axios.post('https://localhost/login/').then(res => { console.log(res.data) }).catch(res => { console.log('error', res) })