所有请求的 AngularJS $http 自定义 header

Question

我想知道是否有任何方法可以通过添加自定义信息来配置所有 $http 请求 header 。类似配置的东西:

 var config = {headers: {
            'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==',
            'Accept': 'application/json;odata=verbose'
        }
    };

但对于所有 $http 调用，我将在不同的服务中进行。我确定有解决方案:D。谢谢

Answer 1

您可以创建一个$http 拦截器来扩展您的 header :

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

      config.headers['Authorization'] = 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==';
      config.headers['Accept'] = 'application/json;odata=verbose';

      return config;
    }
  };
});

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