Javascript 当从服务器发出Get请求时,标头未投入服务

Javascript 当从服务器发出Get请求时,标头未投入服务,javascript,angularjs,http-headers,authorization,Javascript,Angularjs,Http Headers,Authorization,我有一个angular JS应用程序,在这里我调用一个GET API。API已启用OAuth 2.0,因此需要在标头中使用承载令牌。因此,我调用http方法如下: var config = { headers: { 'Access-Control-Allow-Origin': '*', 'Authorization': "Bearer XXXXXXX" } }; $http.get("http://host:port/api_call", con

我有一个angular JS应用程序,在这里我调用一个GET API。API已启用OAuth 2.0,因此需要在标头中使用承载令牌。因此,我调用http方法如下:

var config = {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Authorization': "Bearer XXXXXXX"
    }
  };

  $http.get("http://host:port/api_call", config)
    .then(function (response) {
      return response.data;
    });
但当我打这个电话时,我得到了401个未经授权的例外。起初我认为这是CORS的问题,所以我将源代码列入了白名单,以便调用服务主机,但仍然没有起作用。因此,我检查了日志,发现授权头没有到达API应用程序,尽管angular正在发送相同的消息。 注意:这是从Angular拨打服务电话的最佳方式吗?
我对Angular JS非常陌生,因此几乎不知道如何诊断或排除此类问题。有人能告诉我可能的错误/如何对此进行故障排除吗?

问题出在API网关上。它无法进行跨源调用,因此API调用在那里终止,因此授权标头没有出现。

代码中没有问题。问题是另一回事。