Vue.jsでAxios Getリクエストの戻り結果を取得する
P粉447785031
2023-08-25 21:53:06
<p>私のプロジェクトは Vue.js プロジェクトです。 API の処理には Flask を使用します。 axios.get を使用してリクエストしようとすると、API はオブジェクト Objet を返します。実際、Postman で同じリクエストを試してみると、うまくいきました。データを返します。 </p>
<p>私のコードはここにあります: </p>
<pre class="brush:php;toolbar:false;"><script>
「axios」から axios をインポートします
const URL = 'http://localhost:8080/'
マウントされた(){
axios.get(URL "/KPI/get_category/1").then(response=>{
for (response.data の const データ) {
this.kalite.push(JSON.parse(JSON.stringify(response.data[data])))
}
for(this.kaliteのconstデータ){
axios.get(URL "/KPI/get_last_input/" this.kalite[data]
['id']).then(response=>{
console.log("応答" 応答)
})
}
})
}
</script></pre>
<p>コンソールに表示される結果は次のとおりです。
応答[オブジェクト オブジェクト]</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Axios を使用すると、
reponse.data経由で JSON データを取得できるはずです。fetch を使用する場合、
await response.json()で問題を解決できます。Devtools の [ネットワーク] タブ についてよく理解しておく必要があります。ここでは、応答を調べてデータを理解できます。特に リソースの詳細を確認してください
console.log(response.data)を使ってみる