$http Auth Headers in AngularJS

by

You’re mixing the use cases; instantiated services ($http) cannot be used in the config phase, while providers won’t work in run blocks. From the module docs:

  • Configuration blocks – […] Only providers and constants can be injected
    into configuration blocks. This is to prevent accidental instantiation
    of services before they have been fully configured.
  • Run blocks – […] Only instances and constants can be injected into run
    blocks. This is to prevent further system configuration during
    application run time.

So use either of the following:

app.run(['$http', function($http) {
    $http.defaults.headers.common['Authorization'] = /* ... */;
}]);

app.config(['$httpProvider', function($httpProvider) {
    $httpProvider.defaults.headers.common['Authorization'] = /* ... */;
}])

More Related Contents:

  1. Send multipart/form-data files with angular using $http
  2. Adding http headers to window.location.href in Angular app
  3. $location / switching between html5 and hashbang mode / link rewriting
  4. Why mixing interpolation and expressions is bad practice
  5. ng-repeat :filter by single field
  6. How do I use $rootScope in Angular to store variables?
  7. $rootScope.$broadcast vs. $scope.$emit
  8. How to POST binary files with AngularJS (with upload DEMO)
  9. Exists Angularjs code/naming conventions? [closed]
  10. How to set a selected option of a dropdown list control using angular JS
  11. is there a post render callback for Angular JS directive?
  12. How to unsubscribe to a broadcast event in angularJS. How to remove function registered via $on
  13. angular-ui-router with requirejs, lazy loading of controller
  14. How can I set a dynamic model name in AngularJS?
  15. How to call a function from another controller in AngularJS? [duplicate]
  16. How to pass data between sibling components without using $scope?
  17. Update scope value when service data is changed
  18. Enable angular-ui tooltip on custom events
  19. Accessing attributes from an AngularJS directive
  20. AngularJS: Upload files using $resource (solution)
  21. AngularJs ReferenceError: $http is not defined
  22. Modules and namespace / name collision in AngularJS
  23. how to change the headers for angularjs $http.jsonp
  24. RegEx for no whitespace at the beginning and end
  25. Can you change templateUrl on the fly?
  26. AngularJS – wait for multiple resource queries to complete
  27. angularjs move focus to next control on enter
  28. AngularJS – Get List of All Registered Services?
  29. AngularJS $watch vs $watchCollection: which is better for performance?
  30. How to ‘unwatch’ an expression

Leave a Comment