47

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

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

4

3 回答 3

67

您可以为 angular 1.0.x使用默认标题:

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

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

由于工厂/服务是单例的,因此只要在服务实例化后不需要动态更改“身份验证”值即可。

于 2013-11-29T23:08:42.620 回答
39
$http.defaults.headers.common['Auth-Token'] = 'token';

它似乎headers()规范了键名。

于 2013-01-06T14:49:22.377 回答
1

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

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

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

于 2016-05-14T10:40:51.887 回答