How to make multiple requests at the same time in Vue+Axios?

Question

JavaScript

Hello!
Tell me, is it possible to make several requests in parallel in one Vue component?
I assume that it is possible, but how good is this approach or is it still better to make each request in a separate component?
The code from this example did not help.
Thank you for your help!

Answer 1

Promise.all([
  axios.get('/user/12345'),
  axios.get('/user/12345/permissions')
]).then(([
  user,
  permissions
]) => {
  console.log(user, permissions);
  ///
});

Answer 2

Multiple simultaneous requests can be made using axios.all

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 complete
  }));