如何将 Angular2+ 应用程序连接到外部 API？答案

【问题标题】：How to connect an Angular2+ application to an outside API?如何将 Angular2+ 应用程序连接到外部 API？
【发布时间】：2018-04-10 17:11:25
【问题描述】：

关于将外部 API 连接到具有用于身份验证的用户名和密码的 Angular 应用程序的示例，我需要一些帮助。我知道如何连接不需要身份验证的外部 API，但我正在尝试连接到具有用户名和密码以及代理连接的 API。而且我不确定它是如何在应用程序中传递的？任何示例或帮助将不胜感激，谢谢。

【问题讨论】：

您需要提供有关 API 如何接受用户名和密码的更多详细信息。比如查询参数、请求头等，
API的请求方法GET或POST是什么？
请原谅我的无知，但我相信它将通过请求标头。它也是一个 GET 请求
为了获得更好的答案，您可能应该包含有关此代理和 API、您尝试过的内容等的更多信息。

标签： angular typescript http-headers

【解决方案1】：

用户和密码作为标头发送，然后您需要将这些标头放在 Post 方法的第三个参数中。这是一个例子。

      let username: string = 'username';
      let password: string = 'password';
      let headers: Headers = new Headers();
      headers.append("Authorization", "Basic " + btoa(username + ":" + password)); 
      headers.append("Content-Type", "application/x-www-form-urlencoded");
      this._http.post(url, data, {headers: headers})

答案参考Http Auth

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。 - From Review
@cnishina 这样更好吗？
看起来更好。最初的问题很模糊。