Need help with an Axios problem

A few issues. axios is not a property of the object, so you don't need to prefix this., your API URL should have a protocol http://localhost... and the request body is stored in the data property of the axios response console.log(response.data)

I seem to remember trying to console.log the full response object myself, and never getting any output. I have no idea why this might be, perhaps I'm remembering wrong but worth a try

• Were the logs added at the same time when you wrote the axios call? If not make sure that you re-compile the scripts using npm run dev or npm run watch which will compile anytime there is a change in a script.

• There is a log level in the Chrome inspect tool, so check if the info level is for some reason unchecked?

Use This

import axios from 'axios'


export default {
  name: 'PageIndex',
  data () {
    return {
        contacts: [],
      
    }
  },
  methods: {
    loadLeads() {

                 console.log('loadLeads started');

            axios.get("/getleads")
            .then( response => {
                    console.log(response)
                })
            .catch(error => {
                    console.log(error)
                });

            console.log('loadLeads ended');
    },

Then recompile the script using npm run dev or npm run watch

Thanks for the help, but I'd already tried most of those suggestions before posting here.

I forgot to remove the this.axios ... I'd tried that out of desperation

I've been going round and round in circles with this for about 2 hours ... tried so many different combination of things I've just about forgot what I originally started with

I just remade it with the following ...

import axios from 'axios'


export default {
  name: 'PageIndex',
  data () {
    return {
        contacts: {},
      
      contactsAttention,
      contactsToday,
      conversations,
      appointments,
      offline
    }
  },
  methods: {
    loadLeads: function() {
        //this.contacts = this.contactsToday;
        console.log('loadLeads started AGAIN');

        axios.get('http://localhost:8000/getleads')
        .then(
            response=>{
                ({data}) => (this.contacts =  data.data)
                console.log(this.contacts)
            }           
        )
        .catch(
            error=>{
                console.log(error)
            }
        );

        console.log('loadLeads ended');
    },

@patrickadvance I'll try your suggestion ... thanks

Sorry to have to tell you @patrickadvance but your suggestion didn't work either.

Ended up deleting the whole script section, and then re-typing it .. and it finally worked.

Must have been some minor typo there that I kept overlooking again and again and again

Thanks for all the help guys

@DIGIPRODUCT - Mark as solved?

@hjortur17 You're right ... I should have done that. Will do it now.

Except I just realised that I don't know how to do that ... do I just apply a Best Answer?

@DIGIPRODUCT - Simple as that ;) Happy coding