How disable an error http from server in Angular

Question

I have a question about, in Angular 8 How can I hide the line of http method server link

auth-interceptor.ts

  private handleAuthError(err: HttpErrorResponse): Observable<any> {
    let errorMsg;
    if (err.status === 401 || err.status === 403) {
      errorMsg = err.error.message;
      this.injector.get(Router).navigateByUrl(`/login`);
    }
    return throwError(errorMsg);
  }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const token = localStorage.getItem("id_token");
    if (token) {
      const authReq = req.clone({ headers: req.headers.set("Authorization", "Bearer " + token) });
      return next.handle(authReq).pipe(catchError(err => this.handleAuthError(err)));
    }
    else {
      return next.handle(req);
    }
  }

GET http://localhost:3000/api/toto 401 (Unauthorized) -- this line

ERROR Auth failed!*

Behzad Jafari · Accepted Answer · 2020-02-03 12:25:26Z

1

I think you should use try catch block and don't throw error of server to end user.

With this practice you can warn user in any way you want.

And if you don't want write your error message then use:

private handleAuthError(err: HttpErrorResponse): Observable<any> {
  let errorMsg;
  if (err.status === 401 || err.status === 403) {
    errorMsg = err.error.message;
    this.injector.get(Router).navigateByUrl(`/login`);
  }
  errorMsg.replace(Url, '');
  return throwError(errorMsg);
}

edited Feb 3, 2020 at 12:25

answered Feb 3, 2020 at 12:19

Behzad Jafari

1101 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How disable an error http from server in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related