Home / Questions / 501003
Accepted
Fernando Javier León
Asked: 2022-05-03 14:05:17 +0800 CST 2022-05-03 14:05:17 +0800 CST

Interceptor modifies me headers in a request that I want not to be modified | Angular

  • 772

I have an interceptor which clones it requestand modifies it by headerssending it to Authorizationa tokenthat I retrieve from localstorage when I make a request to my api:

 intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
    
    const token:  string = localStorage.getItem('token');
    let req = request;
    if(token){
      req = request.clone( {
        setHeaders: {
          Authorization: `Token ${token}`
        }
      });
    } else{
      console.log("NOEXISTETOKEN")
    }
    
    return next.handle(req);
  }

It works fine for me, the problem I have is that I have a service which consumes another service that has nothing to do with my api:

public getJSON(): Observable<any> {
    return this.http.get(this.URL_ESQUEMA);
}

To consume this service I don't need to send it a tokenbut when making the request the interceptor sends it tokenand when it doesn't need tokenand send one it returns an error401 (Unauthorized)

How can I do so that in a request to a specific URL headersthe interceptors are not modified in order to access it without problems.

angular

2 Answers

  1. Best Answer

    I solved it this way:

    
  intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
    const re = 'https://ws/schema?format=openapi-json';

    const token:  string = localStorage.getItem('token');
    let req = request;

    if (request.url !== re ) {
      req = req.clone({
        setHeaders: {
          Authorization: `Token ${localStorage.getItem('token')}`
        }
      });
    } 

    return next.handle(req);
  }
    • 1

  2. You can access it this way and do the comparison:

    if(request.url == 'https://abcd.azure.net/api/v1/getPendinList')
    • 0