Как обрабатывать ошибки JavaScript Fetch?

Question

Если fetch вызова терпит неудачу в Chrome, то только деталь ошибки, что я вернусь есть

TypeError: Failed to fetch

Как отобразить сообщение об ошибке информативного для конечного пользователя в этом случае?

В частности:

Можно ли получить какие-либо подробности о том, почему, не удалось?

Например, если сервер разбился, Chrome DevTools может регистрировать консольное сообщение net: ERR_EMPTY_RESPONSE, но, похоже, нет способа получить к нему доступ из JavaScript.

Насколько я могу судить, ответ отрицательный; Я предполагаю, что это по соображениям безопасности, чтобы избежать вредоносного JS выяснить, какие сайты и недоступны, проверяя сообщения об ошибках.

Можно ли отличать ошибки выборки от других TypeError?

Если я не могу получить информацию об ошибке, я бы хотел, по крайней мере, заменить ужасно неопределенное «Не удалось получить» с информативным сообщением «Не удалось получить доступ к веб-сайту, попробуйте еще раз позже», и я 'd хотел бы сделать это без какого-либо риска отображать это сообщение для других TypeError s.

Единственное, что я нашел здесь, это проверить фактический message, чтобы узнать, есть ли он "Failed to fetch". Это явно зависит от браузера; он работает в Chrome, похоже, что он будет работать на любом пользовательском языке Chrome, а другим браузерам потребуется собственное тестирование и обработка.

Answer 1

Похоже, что нет более подробной информации о проблемах с сетью/разрешением/вводом.

Is it possible to distinguish fetch errors from other TypeErrors?

Да, вам просто нужно catch только ошибки от fetch вызова:

fetch(…) 
.catch(err => new FetchError(err)) 
.… 

class FetchError extends Error { 
    constructor(orig) { 
     super(); 
     this.message = "fetch error"; 
     this.details = orig; 
    } 
}