Как правильно реализовать двойной запрос?

Question

[frolova_elena]

methods: {
    signin() {
      // this.$root.$emit('loading', true);
      axios.all([
        axios.post('auth/signin', {
          user: {
            email: this.email,
            password: this.password,
          }
        }),
        axios.get("captcha/check", {
          captcha: this.captcha
        })
      ]).then(res => {
        console.log(res.data.user);
        if (res.data.success === true) {
          this.$root.$emit('loading', true);
          return this.$store.dispatch('user/auth', res.data);

Comments

[Лев Роскошин]

так, а что не так? Разве, что я бы разбил для удобочитаймости captcha/check и auth/signin на два отдельных метода, и их бы уже передовал в axios.all

[ⓒⓢⓢ]

Скорее всего в обработчике then проблема, по идее в res приходит массив, а используется явно как объект

[frolova_elena]

JRK_DV, как их разбить

[ⓒⓢⓢ]

frolova_elena, по вашему коду, будет как то так:

axios.all([
  axios.post('auth/signin', {...}),
  axios.get("captcha/check", {...})
])
  .then(res => {
  // res[0] - Тут будет ответ от axios.post('auth/signin', {...})
  // res[1] - Тут будет ответ от axios.post('captcha/check', {...})
  ...

как их разбить

вам в ответе уже написали

Answer 1

[Лев Роскошин]

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