Axios: 여러 요청을 연결하는 방법에 대한 예는 무엇입니까?

결과를 일반 약속처럼 연결할 수 있습니다.

axios.get(...)
  .then((response) => {
    return axios.get(...); // using response.data
  })
  .then((response) => {
    console.log('Response', response);
  });

이 예에서 response 는 요청이 성공한 경우에도 undefined로 돌아옵니다.

아니요, 정의해야 합니다. return 문을 염두에 두십시오. 당신은 아마 그것을 놓쳤다.

에이이이이

이 경우 개별 오류를 어떻게 잡아낼 수 있습니까?

나는 axios 게시물을 보낼 루프(for)가 있고 각 요청이 각 루프 후에 보내지지 않았다는 것을 발견했습니다. 루프가 끝난 후 함께 보냈습니다.
이것은 내 코드입니다

`
for (let i = 0;i < 다름;i++) {
tem.start = 순간(시작).add(i, '일').format('YYYY-MM-DD')
tem.end = 순간(tem.start).endOf('일').format('YYYY-MM-DD 23:59:59')
tem.date = tem.start
// if (V.hasSameValue(title, tem.start, tem.end))continue
V.addEventsToCalendar(템)
}
addEventsToCalendar: (이벤트) => {
axios.post(requestUrl('calendar'), {...event})
.then(res => {
V.eventsRender(V.dataToEvent([res.data]))
성공팁()
})
.catch(오류팁)
},

`

@Liaohuanle
는 비동기식이므로 각 작업이 끝날 때까지 기다리지 않습니다. 루프 대신 간단한 재귀를 사용할 수 있습니다.

이것을 시도하지 않는 이유는 무엇입니까?

axios.get(...)
  .then((response) => {
    axios.get(...)
   .then((response) => {
      console.log('response);
    })
})

@alejogamboa 또 다른 콜백 지옥, 어떻게 생각하세요?

var array = [0,1,2];
axios.get('api/' + array[0]).then(response => {
    axios.get('api/' + array[1]).then(response => {
         axios.get('api/' + array[2]).then(response => {
            alert('done');
         });
    });
});

배열을 기반으로 어떻게 연결합니까?

@jericopulvera 사용을 살펴보십시오.
axios.all([])

for (...) {
  arr.push(axios.get("url"));
}

let result = await axios.all(arr);
console.log(res);

이미 여기에 솔루션이 있습니다 # 1413