取得Vue.js中Axios Get請求的回傳結果
P粉447785031
2023-08-25 21:53:06
<p>我的專案是一個Vue.js專案。我使用Flask來處理api。當我嘗試使用axios.get請求時，我的api回傳了一個物件Objet。實際上，當我在Postman中嘗試相同的請求時，它是可以工作的。它會傳回數據。 </p>
<p>我的程式碼在這裡：</p>
<pre class="brush:php;toolbar:false;"><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></pre>
<p>我在控制台上看到的結果是：
響應[物件物件]</p>
使用 Axios，您應該可以透過
reponse.data取得 JSON 資料。如果使用 fetch，
await response.json()就可以解決問題。您應該熟悉 Devtools 中的 Network 選項卡，在這裡您可以檢查回應並了解資料。特別是 檢查資源的詳細資訊
#嘗試使用
console.log(response.data)