Как обработать неудачные http-запросы?

Question

[ivandao]

Хочу обработать неудачные http-запросы. Делаю их при помощи fetch.
Чтобы понять, что запрос неудачен и чтобы отправить его снова я вставляю конструкцию try-catch

try {
    t = await fetch(...).then(...)
} catch (err)  {

}

Я хочу указать время timeout'а, спустя которое, если promise fetch'a остался в состоянии pending (ответ от сервера не вернулся), то запрос считать неуспешным и отправить его еще раз.
Все ли это можно реализовать на фронтэнде, или часть нужно дописывать на бэке?

Как вообще все это реализовать по-человечески?

Comments

[Сережа Ахен]

t = await fetch(...).then(...)
Каво?

[ivandao]

Сережа Ахен, шо

[Сережа Ахен]

ivandao, откуда там then взялся, если мы обещание фетча уже ждем чтобы присвоить его значение переменной t?

[Петр Мухуров]

здесь
выброс ручками промиса в фетч не дает возможности прервать запрос, он будет выполнен в любом случае, можно потыкать в сторону AbortController, если не волнует поддержка IE

[ivandao]

Сережа Ахен Ну как минимум это верно работает :3

Answer 1

[Сережа Ахен]

function timeout(ms, promise) {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      reject(new Error("timeout"))
    }, ms)
    promise.then(resolve, reject)
  })
}

timeout(1000, fetch('/hello')).then(function(response) {
  // process response
}).catch(function(error) {
  // might be a timeout error
})

Источник

Comments

[RidgeA]

еще было бы неплохо отменить запрос