Get the return result of Axios Get request in Vue.js

Question

My project is a Vue.js project. I use Flask to handle the api. When I try to request using axios.get, my api returns an object Objet. Actually, when I try the same request in Postman, it works. It returns data.

My code is here:

<script>

   import axios from 'axios'

   const URL = 'http://localhost:8080/'

   mounted(){

   axios.get(URL "/KPI/get_category/1").then(response=>{
   for (const data in response.data) {
              this.kalite.push(JSON.parse(JSON.stringify(response.data[data])))
    }

    for(const data in this.kalite){

      axios.get(URL "/KPI/get_last_input/" this.kalite[data]
      ['id']).then(response=>{
                
                 console.log("response " response)
    
       })
    }
})
 }
 </script>

The results I see on the console are: response[object object]

Answer 1

Using Axios, you should be able to get the JSON data via reponse.data.

If you use fetch, await response.json() can solve the problem.

You should be familiar with the Network tab in Devtools, where you can inspect responses and understand the data. In particular Check the details of the resource

Answer 2

Try using console.log(response.data)