获取Vue.js中Axios Get请求的返回结果

Question

我的项目是一个Vue.js项目。我使用Flask来处理api。当我尝试使用axios.get请求时，我的api返回了一个对象Objet。实际上，当我在Postman中尝试相同的请求时，它是可以工作的。它返回数据。

我的代码在这里：

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

我在控制台上看到的结果是： 响应[对象对象]

Answer 1

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

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

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

Answer 2

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