如何使用 axios 同时发出数百个 get 请求

Question

I'm making a React application using an external API. But I face a small issue atm. I need to make a single GET request to every ID that I have. It's possible that I need to make up to 1000 GET requests and the problem of that is the time it takes to get all the data. Is there a way of making let's say 1000 GET requests without waiting for each of them to resolve? I have this but it takes for ever.

for(const match of totalMatchesWithPremades){
    try {
        const matchStats: ISats = await axios.request<IMatchStats>({
          url: `https://API/match/${match.match_id}/stats`,
          method: 'get',
          headers: {
            accept: 'application/json',
            Authorization: `Bearer ${API_KEY}`,
          },
        });
        console.log(JSON.stringify(matchStats,null,2))
      } catch (err) {
        console.log(err);
      }
    }

Answer 1

Probably you need to check out something like bulk routes for the API. So eg you can set the array of match_id s and make only one request and get the array of data.

Otherwise you need to wait for each request to be executed.

Answer 2

I discovered I can use Promise.allSettled() like this

Promise.allSettled(arr.map((match)=>{
const matchStats: ISats = await axios.request<IMatchStats>({
          url: `https://API/match/${match.match_id}/stats`,
          method: 'get',
          headers: {
            accept: 'application/json',
            Authorization: `Bearer ${API_KEY}`,
          },
        });
        console.log(JSON.stringify(matchStats,null,2))
      } catch (err) {
        console.log(err);
      }
})

This will execute all Promises one after another and return an array with if they got fullfilled or rejected. I made 400 requests in like 5 seconds intead 4minutes