Vue.js - Axios Get 请求返回 [object Object] [关闭]答案

【问题标题】：Vue.js - Axios Get request returned [object Object] [closed]Vue.js - Axios Get 请求返回 [object Object] [关闭]
【发布时间】：2021-11-10 07:07:53
【问题描述】：

我的项目是一个 Vue.js 项目。我用 Flask 做 api。当我尝试 axios.get 请求时，我的 api 返回了 objec 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>

我在控制台中看到这样的：响应 [object 对象]

【问题讨论】：

您通过将对象与“响应”连接来将其强制为字符串 - 如果您不想只看到 [object Object]，也许 不要这样做 i>.
你是对的。谢谢！！

标签： javascript api vue.js axios response

【解决方案1】：

试试console.log(response.data)

【讨论】：

相同的输出：object Object
尝试不使用字符串“response”
Ups.. 谢谢。这是工作

【解决方案2】：

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

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

您应该熟悉Network-tab in Devtools，在这里您可以检查响应，并了解数据。具体Inspect a resource's details

【讨论】：