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>
'axios'에서 axios 가져오기
const URL = 'http://localhost:8080/'
마운트(){
axios.get(URL + "/KPI/get_category/1").then(응답=>{
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[데이터]
['id']).then(응답=>{
console.log("응답" + 응답)
})
}
})
}
<p>콘솔에 표시되는 결과는 다음과 같습니다.
응답[객체 객체]</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Axios를 사용하면
reponse.data을 통해 JSON 데이터를 얻을 수 있습니다.가져오기를 사용하면
await response.json()이 문제가 해결됩니다.응답을 검사하고 데이터를 이해할 수 있는 Devtools의 네트워크 탭에 익숙해야 합니다. 특히 리소스 상세정보를 확인해보세요
사용해 보세요
console.log(response.data)