Question

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

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

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()规范了密钥名称。

Answer 3

添加@Guria和@Panga的上述回复

config.headers['X-Access-Token'] = $window.sessionStorage.token;

可以在标头中使用x-access-token作为JWT（jsonwebtoken）。当用户第一次进行身份验证时，我将JWT存储在会话存储中。

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

3 个答案: