페치 후크에서 여러 요청을 병렬로 보내는 방법 - Nuxt

여러 끝점에서 데이터를 가져오는 메서드를 선언해 보겠습니다.

methods:{
// rest of your methods 
async fetchData(){
     let [res1, res2, res3] = await Promise.all(
         this.$axios.$get('api/endpoint/1'),
         this.$axios.$get('api/endpoint/2'),
         this.$axios.$get('api/endpoint/3'),
         )
     // check your response and whatever you want with those response
     console.log(res1)
     console.log(res2)
     console.log(res3)
}


그런 다음 가져오기 후크에서 이 메서드를 호출할 수 있습니다.

async fetch(){
      await this.fetchData()
}


고맙습니다

😎 자세히 보기 -







  • 좋은 웹페이지 즐겨찾기