Change http headers inside an angular controller

Question

Hi I need to change http headers from inside a controller. It works in config by using $httpProvider but thats not what I am looking for.

I tried this but it says push of undefined.

$http.interceptors.push([function() {
    return {
        'request': function(config) {
            config.headers = config.headers || {};
            //add nonce to avoid CSRF issues
            config.headers['X-WP-Nonce'] = myLocalized.nonce;

            return config;
        }
    };
}]);

NotBad4U · Accepted Answer · 2016-05-06 09:06:46Z

4

In the config object of $http you have a field headers which is a map of strings or functions.

You can use it like that :

$http.get('/someUrl', { 
        headers: { Authorization : 'Basic ' + encoded}
});

answered May 6, 2016 at 9:06

NotBad4U

1,5621 gold badge17 silver badges23 bronze badges

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

3 Comments

Raymond the Developer Over a year ago

Yes, but this way I have to add the 'X-WP-Nonce' headers in all the http requests. I am looking for a way to set the headers once in angular config. And change it when someone logs in.

NotBad4U Over a year ago

Maybe $httpProvider.defaults.headers can help you so

Raymond the Developer Over a year ago

Ok I'll try that in the future. I'll use your method for now. Many thanks!

Collectives™ on Stack Overflow

Change http headers inside an angular controller

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related