Angular Js - 在标头默认设置标记

时间:2014-04-23 12:49:31

标签: angularjs angularjs-http

我尝试将带有访问令牌的标头添加到每个API调用中。它适用于所有GET请求,但是一旦我尝试发布POST,标题就不会被添加。

以下是我添加令牌的方法:

app.factory('api', function ($http, $cookies) {
return {
    init: function (token) {
        $http.defaults.headers.common['Token'] = token || $cookies.loginTokenCookie;
    }
  };
});

从这里开始调用:

app.run(function ($cookies, $http, $location, $rootScope,api) {
    $rootScope.location = $location;
    api.init();
});

我尝试过如下操作:

app.factory('api', function ($http, $cookies) {
return {
    init: function (token) {
        $http.defaults.headers.common['Token'] = token || $cookies.loginTokenCookie;
        $http.defaults.headers.post['Token'] = token || $cookies.loginTokenCookie;

    }
};
});

但这也不起作用。它仅在我更改标题键名称时才有效:

 $http.defaults.headers.post['Token-Post'] = token || $cookies.loginTokenCookie;

如何在AngularJs中为帖子分配默认标头并获取请求?

2 个答案:

答案 0 :(得分:21)

不是将令牌放在每个服务(或调用)内的标头上,而是使用$http拦截器(docs here)可能更好。

然后,您可以在每个请求上放置令牌。无论请求是GET还是POST,这都可以。

JS示例:

$httpProvider.interceptors.push(function($q, $cookies) {
    return {
     'request': function(config) {

          config.headers['Token'] = $cookies.loginTokenCookie;
          return config;
      }
    };
  });

答案 1 :(得分:5)

也许我错了,但为什么不呢:

app.config(['$httpProvider', function ($httpProvider) {
    $httpProvider.defaults.headers.post['token'] = 'your_token';
}]);

拦截器更重,在这种情况下不需要