Setting application wide HTTP headers in AngularJS

by

You can use default headers for angular 1.0.x:

$http.defaults.headers.common['Authentication'] = 'authentication';

or request interceptor for angular 1.1.x+:

myapp.factory('httpRequestInterceptor', function () {
  return {
    request: function (config) {

      // use this to destroying other existing headers
      config.headers = {'Authentication':'authentication'}

      // use this to prevent destroying other existing headers
      // config.headers['Authorization'] = 'authentication';

      return config;
    }
  };
});

myapp.config(function ($httpProvider) {
  $httpProvider.interceptors.push('httpRequestInterceptor');
});

Since factories/services are singletons, this works as long as you do not need to dynamically change your ‘authentication’ value after the service has been instantiated.

More Related Contents:

  1. Add directives from directive in AngularJS
  2. AngularJS browser autofill workaround by using a directive
  3. How do I bind to list of checkbox values with AngularJS?
  4. How to handle anchor hash linking in AngularJS
  5. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  6. Recursion in Angular directives
  7. How to get the url parameters using AngularJS
  8. firebase.database is not a function
  9. angularjs to output plain text instead of html
  10. How to access object property with invalid characters
  11. Angular 2: Callback when ngFor has finished
  12. Can you pass parameters to an AngularJS controller on creation?
  13. Global Ajax error handler with AngularJS
  14. show validation error messages on submit in angularjs
  15. AngularJS How to dynamically add HTML and bind to controller
  16. How do I set default value of select box in angularjs
  17. ‘load’ event not firing when iframe is loaded in Chrome
  18. Access index of the parent ng-repeat from child ng-repeat
  19. Changing route doesn’t scroll to top in the new page
  20. Is AngularJS just for single-page applications (SPAs)?
  21. HTTP request from Angular sent as OPTIONS instead of POST
  22. Required attribute Not working with File input in Angular Js
  23. Why do angularjs controller declaration have this syntax structure?
  24. Angular UI-Router $urlRouterProvider .when not working *anymore*
  25. Stating directive templateUrl relative to root
  26. How to use HTTP.GET in AngularJS correctly? In specific, for an external API call?
  27. How to Unit Test Isolated Scope Directive in AngularJS
  28. What is the difference between Polymer elements and AngularJS directives?
  29. $resource callback (error and success)
  30. Load static JSON file in Webpack

Leave a Comment