How to add headers to $http for only certain domains

Question

Is it possible to set a header only for specified domains?

The "normal" way of doing this adds that header for all calls, even calls that retrieve HTML templates for example.

$http.defaults.headers.common['Authorization']='...';

So far, other than using an $http interceptor, I can't see any other way, but if you can think of one, I'm curious.

Thanks.

Sorry, I didn't realize you said you wanted a way other than using an interceptor. — Jonathan, Mar 18 '14 at 21:45
No problem. If that's the only way this is possible, it's the right answer. — Francisc, Mar 19 '14 at 10:39

Jonathan · Answer 1 · 2014-03-18T21:43:08.427

Creating an interceptor is the way I handle this. I am not sure of another way, so, here's an example anyways. :)

You could create an interceptor that is registered with $httpProvider. Angular will pass the default config object for modification and you could modify the headers there.

Here if a quick example based on the Angular $http doc page:

//register interceptor as a service
$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {
    return {
        // optional method
        'request': function(config) {
            //Figure out which headers you want and set them just for this request.
            config.headers = {"myHeader":"Special"}

            return config;
        }
    };
});

$httpProvider.interceptors.push('myHttpInterceptor');

How to add headers to $http for only certain domains

1 Answers1