在AngularJS中设置应用程序范围的HTTP标头

Question

有没有办法将$httpProvider标题设置在外面angular.module('myApp', []).config()？

我在登录用户后从服务器获取Auth-Token,我需要将其作为HTTP Header添加到所有后续请求中.

Answer 1

您可以使用角度1.0.x的默认标头:

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

或请求角度为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');
});

由于工厂/服务是单例,只要您在实例化服务后不需要动态更改"身份验证"值,这就可以正常工作.

Answer 2

$http.defaults.headers.common['Auth-Token'] = 'token';

它似乎headers()使关键名称正常化.