I want to send multiple requests using Axios library. So, according to docs, I can do it with all method. This is the example:

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now plete 
  }));

But why do I need to write

.then(axios.spread(function (acct, perms) {
    // Both requests are now plete 
  }));

instead of

.then(function (acct, perms) {
        // Both requests are now plete 
      });

if it also works fine?

I want to send multiple requests using Axios library. So, according to docs, I can do it with all method. This is the example:

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now plete 
  }));

But why do I need to write

.then(axios.spread(function (acct, perms) {
    // Both requests are now plete 
  }));

instead of

.then(function (acct, perms) {
        // Both requests are now plete 
      });

if it also works fine?

• javascript
• httprequest
• axios

1 Answer 1

You need to use axios.spread because it's used to spread the array of arguments into multiple arguments. This prevents errors when you are making multiple ajax requests with axios.all.

axios.all([
 axios.get('https://api.github./users/abc');
 axios.get('https://api.github./users/abc/repos')
])
.then(axios.spread(function (userResponse, reposResponse) {
  console.log('User', userResponse.data);
  console.log('Repositories', reposResponse.data);
}));