Jak radzić sobie z błędami pobierania JavaScript?

Question

Jeśli fetch połączenia nie powiedzie się w Chrome, to tylko dane o błędach, które wrócę znaczy

TypeError: Failed to fetch

Jak mogę wyświetlić komunikat informacyjny dla użytkownika końcowego w tym przypadku?

Konkretnie:

Czy to możliwe, aby uzyskać żadnych szczegółów na temat dlaczego nieudanym pobieraniu?

Na przykład, jeśli serwer ulegnie awarii, Chrome DevTools może zarejestrować komunikat konsoli o sieci: ERR_EMPTY_RESPONSE, ale wydaje się, że nie ma możliwości uzyskania dostępu do tego z JavaScript.

O ile mi wiadomo, odpowiedź brzmi: nie; Zakładam, że dzieje się tak ze względów bezpieczeństwa, aby nie pozwolić złośliwemu JS dowiedzieć się, które strony są i nie są dostępne, sprawdzając komunikaty o błędach.

Czy można odróżnić błędy pobierania od innych numerów TypeError?

Jeśli nie mogę uzyskać informacji o błędach, chciałbym przynajmniej zastąpić strasznie niejasne "Nie można pobrać" z informacją "Nie można uzyskać dostępu do strony internetowej, spróbuj ponownie później", a ja chciałby to zrobić bez ryzyka wyświetlenia tego komunikatu dla innych TypeError s.

Jedyne rozwiązanie, które znalazłem tutaj, to sprawdzenie rzeczywistego message, aby sprawdzić, czy jest to "Failed to fetch". Jest to oczywiście zależne od przeglądarki; działa w Chrome, wygląda na to, że będzie działał w dowolnym języku przeglądarki Chrome, a inne przeglądarki będą wymagać własnych testów i obsługi.

Answer 1

Wydaje się prawdopodobne, że nie ma więcej szczegółów dotyczących problemów z siecią/zezwoleniami/wprowadzaniem danych.

Is it possible to distinguish fetch errors from other TypeErrors?

Tak, wystarczy catch tylko błędy z rozmowy fetch:

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

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