AngularJs接口鉴权

Question

我已经读了很多其他的问题，但都没有帮助，所以我想我应该问一下我的具体情况。

我正在使用AngularJS编写一个仪表板，以便从我们的几个内部工具(Artifactory，Jenkins等)中提取数据。许多不同的端点都需要身份验证，但我从来没有使用AngularJS做过这件事。

如何使用$http服务设置请求的用户名和密码？我不认为我可以使用以下命令设置默认值

$httpProvider.defaults.headers.common

因为我使用了具有不同凭据的多个API。

编辑:有人提到它和另一个问题有相似之处，我遵循了那个问题的说明，我只是一直在Chrome控制台上看到“OPTIONS 401 NOT AUTHORISED”。我想最明显的答案是我使用了错误的密码，但我没有。

Answer 1

您可以在配置中设置每个请求的标头(请参阅https://docs.angularjs.org/api/ng/service/$http#usage)

示例

var options = {
    url: 'https://cors-test.appspot.com/test',
    headers: {
        Foo: 'Bar'
  }
};
$http(options);