Angular Http Interceptor: catchError и возврат успеха

У меня есть Http Interceptor (Angular 7), который ловит ошибки. Можно ли поймать ошибку и, основываясь на каком-то условии, вернуть успех вместо ошибки? Мой текущий код.

export class RequestInterceptor implements HttpInterceptor {

  constructor() {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    return next.handle(request).pipe(
      catchError( response => {
        if (someCondition) {
           //return something that won't throw an error
        }
        return of(response)
      })
    )

  }
}

Возможный дубликат Отлов ошибок в Angular HttpClient

— 07.02.2019 15:48

Вы получили ответ на этот вопрос, который сработал?

— 07.09.2019 02:40

javascript angular

07.02.2019 14:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

7 103

Ответы 1

Вам нужно вернуть объект Observable<HttpEvent<any>>. Вы можете добиться этого, сделав еще один запрос, используя next.handle(newReq).

Например, если вы хотите добавить заголовок авторизации Bearer, если ошибка 401, вы можете сделать так:

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

return next.handle(request).pipe(
  catchError( response => {
    if (response.status === 401) {
       return next.handle(request.clone({
         setHeaders: { "Authorization": `Bearer ${token}` }
       }));
    }
    return throwError(response);
  })
 )
}

но скажем, нам нужно вызвать API, чтобы получить этот новый токен, как нам это сделать внутри catchError?

— 15.08.2021 02:40

19.11.2019 15:04