Обработка ошибок в HTTP-запросах Angular

Узнайте, как корректно обрабатывать ошибки HTTP в приложениях Angular.

Зачем обрабатывать ошибки

Обработка ошибок необходима для устранения проблем, которые могут возникнуть при обмене данными по HTTP, например сетевых сбоев или проблем на сервере.

Перехват HTTP-ошибок

Используйте оператор catchError из RxJS для обработки ошибок HTTP-запросов:

this.http.get('api/data').pipe(
  catchError(this.handleError)
).subscribe();

Оператор catchError

Используйте catchError, чтобы перехватывать ошибки HTTP:

catchError(error => of(`Error: ${error.status}`));

Функция обработки ошибок

Создайте повторно используемую функцию для глобальной обработки ошибок:

private handleError(error: HttpErrorResponse) {
  return throwError(() => new Error('Something went wrong'));
}

Типы ошибок

• Ошибки на стороне клиента (проблемы с сетью)
• Ошибки на стороне сервера (ошибки ответа)

Рекомендации по обработке ошибок

• Понятно сообщайте пользователям об ошибках
• Записывайте ошибки в журнал для отладки
• При необходимости предлагайте повторить операцию

Повторная отправка запросов

Автоматически повторяйте неудачные HTTP-запросы с помощью оператора retry():

this.http.get('api/data').pipe(retry(3)).subscribe();

Итоги

Вы научились эффективно обрабатывать ошибки с помощью HTTP-клиента Angular. Отличная работа!