Binance API 和 Angular 4 httpClient

Question

我有一个关于加密市场币安的问题。 他们有公共 api，尽管我可以在 Angular 中使用它来创建交易应用程序。

但是我有一些麻烦。 在 chrome 中使用该链接我得到 json 结果。 https://api.binance.com/api/v1/exchangeInfo

但使用 Angular 4 httpClient：

this.http.get('https://api.binance.com/api/v1/exchangeInfo').subscribe(res => console.log(res));

我有错误：跨域请求被阻止：同源策略不允许读取 api.binance.com/api/v1/exchangeInfo 上的远程资源。 （原因：CORS 标头“Access-Control-Allow-Origin”缺失）

它不起作用。我不明白，为什么我不能在 Angular 应用程序中使用该 API？https://github.com/binance-exchange/binance-official-api-docs/blob/master/rest-api.md

我该怎么办？ 我应该这样设置标题：

getMarkets() {
    const headers = new HttpHeaders();
    headers.set('Content-Type', 'application/json');
    headers.set('Accept', 'application/json');
    headers.set('Access-Control-Allow-Headers', 'Content-Type');
    headers.set('Access-Control-Allow-Origin', '*');

    const path = 'https://api.binance.com/api/v1/exchangeInfo';
    return this.http.get(path, {headers: headers});
}

提前致谢

Answer 1

你不能这么直接使用它，币安 API 没有设置 CORS 头，所以 Chrome 和所有主流浏览器都会阻止请求。 还有一点，但本质上，需要启用 CORS 支持的 api 服务器应该将 Access-Control-Allow-Origin 设置为 * 或单个域 www.example.com，这允许浏览器阻止站点上的恶意代码从您可能登录的其他站点调用并读取某些数据的响应（例如：银行信息） 你可以阅读更多关于它here

一种可能的解决方案是拥有自己的服务器来代理对 binance 的调用

如果您要进行测试，另一种解决方案是使用 CORS 启用扩展，例如 this one

更新：如果满足您的数据需求，您也可以使用 websocket API docs

更新 2：这是一个很好的 stackoverflow question on cors

附注：如果您银行的 API 服务器将 Access-Control-Allow-Origin 设置为 *，则更改银行 :)

Answer 2

HttpHeaders 是不可变的。所以你必须写

const headers = new HttpHeaders().
    set('Content-Type', 'application/json').
    set('Accept', 'application/json').
    set('Access-Control-Allow-Headers', 'Content-Type').
    set('Access-Control-Allow-Origin', '*');

或

const headers = new HttpHeaders(
    {
      Content-Type:'application/json'),
      Accept:'application/json'),
      Access-Control-Allow-Headers:'Content-Type'),
      Access-Control-Allow-Origin:'*')
    })

Answer 3

试试这个不带标头的简单请求。

 this.http.get('https://api.binance.com/api/v1/exchangeInfo').subscribe(data => {
      this.results = data;
    });
  }

对我有用