Importing Axios

MDev

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.

dgarcia

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'))
	})
})

boriscy

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

@dgarcia & @boriscy Thank you very much for the help. It worked perfectly.

Lou Rectoret

@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) })