Set $httpProvider default headers after user authentification

angularjs angular-services
Mehdi Chibouni picture Mehdi Chibouni · Apr 17, 2014 · Viewed 14.5k times · Source

I am considering to add a default header for the $http service, which value is an access token that will be generated after user authentification.

module.config('$routeProvider', '$locationProvider', '$httpProvider'){
    $httpProvider.defaults.headers.post['XSRF-AUTH'] = 
        "some accessToken to be generated later"; 
}

Problem is, the config() block is applied when Angular bootstraps its core components. Is there a way to alter $ĥttpProvider dynamically ?

Answer

Leo picture Leo · Apr 17, 2014

You can change the default header through the $http object during runtime instead of the $httpProvider. For example you can do the following outside of a config block:

$http.defaults.headers.post['XSRF-AUTH'] = "access token";

Check out the $http api docs for more details http://docs.angularjs.org/api/ng/service/$http#setting-http-headers.

Related questions

Passing data between controllers in Angular JS?

I have a basic controller that displays my products, App.controller('ProductCtrl',function($scope,$productFactory){ $productFactory.get().success(function(data){ $scope.products = data; }); }); In my view I'm displaying this products in a list <ul> <li ng-repeat="product …

Read More
angular.service vs angular.factory

I have seen both angular.factory() and angular.service() used to declare services; however, I cannot find angular.service anywhere in official documentation. What is the difference between the two methods? Which should be used for what (assuming they do …

Read More
AngularJS : How to watch service variables?

I have a service, say: factory('aService', ['$rootScope', '$resource', function ($rootScope, $resource) { var service = { foo: [] }; return service; }]); And I would like to use foo to control a list that is rendered in HTML: <div ng-controller="FooCtrl"> &…

Read More