取得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)