Почему интерцептор не отдает ErrorResponse в обработчик?

Question

[Al]

Я пытаюсь написать интерцептор, который предотвратит завершение работы скрипта в случае ошибки от сервера.
Так я вызываю метод сервиса в компоненте:

const res = await this.service.getLandingPage(url);
// do actions with res
console.log(res)

Сам метод сервиса:

async getLandingPage<T>(url: string): Promise<Page> {
		return this.get<Page>(url,
			{
				observe: "response"
			}
		).toPromise();
	}

Интерцептор:

return next.handle(request).pipe(
			catchError((error: HttpErrorResponse) => {
				this.log.error(error);
				return EMPTY;
			})
		);

В данном случае если ответ от сервера успешный в res приходит HttpResponse как и ожидается, а если сервер ответил ошибкой то в res ничего (undefined). Если же в интерцепторе вместо пустого Observable вернуть error, то скрипт упадет и в компоненте до строки console.log(res) сценарий так и не дойдет. Как сделать интерцептор так чтобы в приведенном случае, при ошибке от сервера в res попадал HttpErrorResponse а не undefined?

Answer 1

[Антон Швец]

return throwError(error)

catchError требует возвращать обсервабл, а вы ему подсовываете plain value

Comments

[Al]

Если сделать throwError то падает ошибка и до console.log(res) сценарий не доходит

[Антон Швец]

Al, конечно падает, ошибка в обсервабле перетекает в реджект в промисе.
Если вы хотите вернуть из промиса не ошибку, а объект, то ну сделайте return of(error)

Но это плохая практика, лучше await в try catch заворачивать и ловить там.
И вообще не делать промисов, делать подписку.

[Al]

Антон Швец, это понятно, обычно так и делается)
я делаю сейчас велосипед для теста, и мне стало интересно могу ли я в интерцепторе сделать то что описал в вопросе

[Антон Швец]

Al, считай catchError это как switchMap, только для ошибок.