Correct way to set and override a request header in Angular

Question

I need to set a global http header to all my requests because of the authentication method that we are using. We have an Identity Server to authenticate the user using a SSO approach. So far so good, we were using interceptors to set headers globally. But sometimes we need to make a request to a 3rd party API that doesn't use any authentication method. How can I override the authentication header that was configured by the interceptor? Is it a recommended approach for this problem?

yvesmancera · Accepted Answer · 2015-09-01 20:42:25Z

2

In your interceptor, you can write some logic to decide if you need to add the header or not:

.factory('AuthHeaderInterceptor', function () {

  function request(config) {

    //if 3rd party url, don't add auth header
    if(config.url.indexOf('third_party_url') !== -1) {
      return config;
    }

    config.headers.Authorization = 'auth header';
    return config;
  }

  return {
    request: request
  };
});

answered Sep 1, 2015 at 20:42

yvesmancera

2,9255 gold badges26 silver badges33 bronze badges

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

4 Comments

Bruno Casarotti Over a year ago

Thanks, Now it seems to be so obvious! Probably the best way. Just another thing that I thought but I am not sure if it works: if I create a service to my third party (is this a good thing to do by the way?) can I override the harder or actually it would be overridden in the interceptor?

yvesmancera Over a year ago

Glad I could help! I'm not sure what you mean by "override the harder". As far as I know, the interceptor would catch any HTTP requests (yeah, not only API calls, even requests for css/html/js files). I don't see why creating a service for a third party is a bad idea, I'd say go for it.

Bruno Casarotti Over a year ago

Sorry, I mean override the header.

yvesmancera Over a year ago

Considering your service is still going through angular's $http service, yeah, the request would pass through the interceptor.

Collectives™ on Stack Overflow

Correct way to set and override a request header in Angular

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related