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


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