Vue.jsでAxios Getリクエストの戻り結果を取得する

Question

私のプロジェクトは Vue.js プロジェクトです。 API の処理には Flask を使用します。 axios.get を使用してリクエストしようとすると、API はオブジェクト Objet を返します。実際、Postman で同じリクエストを試してみると、うまくいきました。データを返します。

私のコードはここにあります:

<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>

コンソールに表示される結果は次のとおりです。 応答[オブジェクト オブジェクト]

Answer 1

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

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

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

Answer 2

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