Obtenez le résultat de retour de la requête Axios Get dans Vue.js

Question

Mon projet est un projet Vue.js. J'utilise Flask pour gérer l'API. Lorsque j'essaie de demander en utilisant axios.get, mon API renvoie un objet Objet. En fait, lorsque j'essaie la même requête dans Postman, cela fonctionne. Il renvoie des données.

Mon code est ici :

<script>

   importer des axios depuis 'axios'

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

   monté(){

   axios.get(URL + "/KPI/get_category/1").then(response=>{
   pour (const données dans réponse.data) {
              this.kalite.push(JSON.parse(JSON.stringify(response.data[data])))
    }

    pour (données const dans this.kalite) {

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

Les résultats que je vois sur la console sont : réponse[objet objet]

Answer 1

En utilisant Axios, vous devriez pouvoir obtenir des données JSON via reponse.data .

Si vous utilisez fetch, await response.json() cela résoudra le problème.

Vous devez être familier avec l'onglet Réseau de Devtools, où vous pouvez inspecter les réponses et comprendre les données. Surtout Vérifiez les détails de la ressource

Answer 2

Essayez de l'utiliserconsole.log(response.data)