Rufen Sie das Rückgabeergebnis der Axios Get-Anfrage in Vue.js ab

Question

Mein Projekt ist ein Vue.js-Projekt. Ich verwende Flask, um die API zu verwalten. Wenn ich versuche, eine Anfrage mit axios.get zu stellen, gibt meine API ein Objekt Objet zurück. Wenn ich die gleiche Anfrage in Postman versuche, funktioniert es tatsächlich. Es gibt Daten zurück.

Mein Code ist hier:

<script>

   Axios aus 'Axios' importieren

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

   mount(){

   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("Antwort " + Antwort)
    
       })
    }
})
 }
 </script>

Die Ergebnisse, die ich auf der Konsole sehe, sind: Antwort[Objekt Objekt]

Answer 1

使用 Axios，您应该能够通过 reponse.data 获取 JSON 数据。

如果使用 fetch，await response.json() 就可以解决问题。

您应该熟悉 Devtools 中的 Network 选项卡，在这里您可以检查响应并了解数据。特别是 检查资源的详细信息

Answer 2

尝试使用console.log(response.data)