Binance API和angular 4 httpClient

Question

我有一个关于加密市场Binance的问题。他们有公共api，我想我可以用它来创建交易应用程序。

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

但使用角4 http pClient：

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

我有错误：跨原点请求被阻止：相同原点策略不允许读取远程资源在api.binance.com/api/v1/exchangeInfo.（原因： CORS头'访问-控制-允许-原点'丢失）

它不工作。我不明白，为什么我不能在角应用程序中使用那个应用程序接口？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

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 2

尝试这个没有标题的简单请求。

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

这对我有用

Answer 3

你不能像那样直接使用它，Binance API没有设置CORS头，所以Chrome和所有主要浏览器都会阻止请求。还有一点，但本质上，需要启用CORS支持的api服务器应该将访问控制允许源站设置为*或单个域www.example.com，这允许浏览器防止网站上的恶意代码调用和读取来自您可能登录到的其他网站的某些数据的响应（例如：银行信息）。您可以在此处了解更多信息

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

如果您正在进行测试，另一个解决方案是使用这样一个支持CORS的扩展

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

更新2：这里有一个关于cors的好问题

旁注：如果您银行的API服务器将访问控制允许来源设置为*，则更改银行：）