Then catch finally nie działa

Question

https://forum.pasja-informatyki.pl/571726/itunes-api-niektore-hasla-dzialaja-inne-nie#a571744

Tutaj dawałem przykład api które nie chce działać dla niektórych haseł , np. rock.

Przy okazji wziął mnie inny ciekawy temat, jak dobrze wyłapać tutaj błąd?

fetch(`api/phpGetPost.php?opis=${this.term}`).catch((err) => {
				console.error('Nie zadziałało');
			}).finally(() => {
					console.log('Zadziałało');
				});
		},

To nie reaguje w ogóle EDIT - jednak wykonuje się blok z finally, ale nawet dla niedziałającego hasła

fetch(`api/phpGetPost.php?opis=${this.term}`).then(res =>res.json()).catch((err) => {
				console.error(err);
			}).finally(() => {
					console.log('Zadziałało ');
				});
		},

To działa jeśli zadziała (glupio brzmi ale wiecie o co chodzi) , catch tutaj nic nie daje (wywala błąd na czerwono w konsoli) 

Comments

EDIT

Sory jeszcze coś zauważyłęm - wywala błąd na czerwono ale blok z finally i tak się wykonuje

Answer 1

Finally jest wołane zawsze po to, aby móc posprzątać lub przetworzyć otrzymane dane, bez względu na to czy wystąpił błąd.

Fetch rzuca błędem AFAIK tylko w przypadku problemu z siecią lub gdy anuluje się request. Callback w catch wywoła się więc albo jeśli fetch rzuci błędem lub gdy takowy pojawi się w then poprzedzającym catch - w Twoim przypadku byłoby to gdyby np. res.json() rzucił błędem z powodu niepoprawnego JSON-a. Natomiast patrząc na Twoje poprzednie pytanie, to otrzymujesz odpowiedź z API razem z błędem 404. To oznacza, że request się udał, ale serwer nie znalazł zasobu, którego szukasz. Dlatego fetch nie rzucił błędem, więc catch nie miał czego złapać.

Warning: file_get_contents(https://itunes.apple.com/search?term=rock&limit=10&media=music): failed to open stream: HTTP request failed! HTTP/1.0 404 Not Found in

W takim przypadku powinieneś samodzielnie sprawdzić, czy response jest udany, np. przy użyciu res.ok - jeśli nie, to sam możesz rzucić błędem i catch to złapie.