Почему catch в промисе axios выполняется всегда?

Question

[Александр Маджугин]

axios
			.post(options.url, options.sendata)
			.then(procResponce)
			.catch(procError)
			.finally(procFinal);

Я ожидаю, что procResponce будет выполнятся в случае успеха, procFinal всегда, procError в случае возникновния ошибки.
Однако у меня procError выполняется всегда так же как и procFinal.
При этом на вход procError, в случае если все нормально, поступает пустой объект.

Это нормально вообще?

Comments

[Lynn «Кофеман»]

А что в procResponce?

[Евгений Щербаков]

Нужно понимание, что происходит в procResponce. Обычно в catch переходит после ошибки (наподобии throw new Error)

[Александр Маджугин]

Евгений Щербаков, Lynn «Кофеман», т.е. туда передаётся не просто шибка соединения, а любая ошибка в then?
Я понял. Логично, но немного неожиданно.

А как-то можно отловить отдельно ошибку обмена в axios, так же как это было раньше в $.ajax?

[Lynn «Кофеман»]

Александр Маджугин, у then есть второй аргумент

https://learn.javascript.ru/promise-chaining

[abberati]

Lynn «Кофеман», не надо так, лапша получится

[abberati]

Александр Маджугин, можно поставить .catch перед .then.

.catch’ей может быть несколько в одной цепочке, это нормально

promise.catch(networkError).then(processing).catch(processingError)

[Lynn «Кофеман»]

abberati, а вот у вас обработчик networkError что вернёт?

Answer 1

[Edheldor]

А как у вас на вход функций что-то поступает?

Если так:

axios
      .post(options.url, options.sendata)
      .then(procResponce(response))
      .catch(procError(error))
      .finally(procFinal());

Тогда все выполняется в момент создания промиса.

Вам нужно что-то в таком стиле

axios
        .post(options.url, options.sendata)
        .then((response) => {
          procResponce(response)
        })
        .catch((error) => {
          procError(error)
        })
        .finally(() => {
          procFinal()
        })
  },

Или в таком, если никакие аргументы в функции передавать не нужно

axios
        .post(options.url, options.sendata)
        .then(() => {
          procResponce()
        })
        .catch(() => {
          procError()
        })
        .finally(() => {
          procFinal()
        })
  },