Vue.jsでAxios Getリクエストの戻り結果を取得する
P粉447785031
P粉447785031 2023-08-25 21:53:06
0
2
491
<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>
P粉447785031
P粉447785031

全員に返信(2)
P粉980815259

Axios を使用すると、reponse.data 経由で JSON データを取得できるはずです。

fetch を使用する場合、await response.json() で問題を解決できます。

Devtools の [ネットワーク] タブ についてよく理解しておく必要があります。ここでは、応答を調べてデータを理解できます。特に リソースの詳細を確認してください

いいねを押す +0
P粉920199761

console.log(response.data)を使ってみる

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート