Setup Global Error Handler Using Interceptor

error-handler.interceptor.ts

// Imports

@Injectable({ providedIn: 'root' })
export class ErrorHandlerInterceptor implements HttpInterceptor {
  constructor(private readonly validationErrorService: ValidationErrorsService) {
  }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req)
      .pipe(catchError(event => {
        if (event instanceof HttpErrorResponse) {
          if (event.status === HttpErrorStatus.userFriendlyError || event.status === HttpErrorStatus.unauthorizedError || event.status === HttpErrorStatus.notFoundError) {
            if (req.headers.has(CustomHeaders.skipGlobalErrorhandler)) return throwError(event)
            this.handleUserFriendError(event);
            return throwError(event);
          }

          if (event.status === HttpErrorStatus.unauthenticatedError) {
            this.handleAuthenticatedError(event);
            return throwError(event);
          }

          if (event.status === HttpErrorStatus.badRequestError && (event.error as BadRequestResponseModel).type === ErrorType.badRequestType) {
            this.handleValidationError(event);
            return throwError(event);
          }

          if (event.status === HttpErrorStatus.serverError) {
            this.handleServerErrors();
            return throwError(event);
          }
        }

        return throwError(event);
      }));
  }