Я хочу обработать ошибки, зарегистрированные в консоли. в основном я хочу скрыть их от консоли. Используется перехватчик для обработки ошибок. Ниже приведен фрагмент для того же:
Компонент:
//app.component.ts
getUsersData() {
this.userService.getUsers().subscribe(
res => {
this.data = res;
}
)
}
Модуль: (предоставляется HttpInterceptor в поставщике модуля)
//app.module.ts
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: HttpErrorInterceptor,
multi: true
}
],
Перехватчик Http:
//http-error.interceptor.ts
import {
HttpEvent,
HttpInterceptor,
HttpHandler,
HttpRequest,
HttpResponse,
HttpErrorResponse
} from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { retry, catchError } from 'rxjs/operators';
export class HttpErrorInterceptor implements HttpInterceptor {
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(request)
.pipe(
retry(1),
catchError((error: HttpErrorResponse) => {
let errorMessage = '';
if (error.error instanceof ErrorEvent) {
// client-side error
errorMessage = `Error: ${error.error.message}`;
} else {
// server-side error
errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
}
window.alert(errorMessage);
return throwError(errorMessage);
})
)
}
}