如何将授权标头发送到 Angular js 中的 http 请求（版本 1.4.8）

【问题标题】：How to send authorization header to a http request in angular js (version 1.4.8)如何将授权标头发送到 Angular js 中的 http 请求（版本 1.4.8）
【发布时间】：2015-11-24 06:32:35
【问题描述】：

snapshot on server side

上面的屏幕截图是我调试在我的 javascript 调用期间命中的 Web 服务。我想设置返回 null 的 http 请求的授权标头。你能推荐我吗？

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

 var config = {
      method: 'POST',
      url: 'https://somesite.com/',
      headers: {
            // key value pair of headers
            'Authorization': 'Your auth key'
      },
      data: body of request
  };
 $http(config)
         .success(function(){})
         .error(function(){})

【讨论】：

在控制台中看到跨域请求被阻止时出现错误：同源策略不允许读取位于82.223.29.24/SIUKService/Api/Login/loginUser 的远程资源。（原因：CORS 标头“Access-Control-Allow-Origin”缺失）。

【解决方案2】：

您可以在http 请求中添加此内容：

headers: {'Authorization': 'Basic key'}

例子

GET 请求：

$http.get('url', { //same for post also
    headers: {'Authorization': 'Basic key'}
});

发布请求：

$http.post("url", requestData, {
    headers: { 'Authorization': 'Basic yourkey'}
}).success(function(responseData) {
    //do stuff with response
});

【讨论】：

@user3012606 添加了发布请求示例