rxjs上没有'Access-Control-Allow-Origin' [重复]

Question

我一直在构建简单的反应应用程序，它显示以下 crytowat.ch api。 https://api.cryptowat.ch/markets

这是我的 redux-observable Epic 代码

const cryptowatchEpic = action$ =>
action$.ofType(FETCH_PRICE).mergeMap(action =>
    ajax({
      url: `${baseUrl}${action.payload}/btcusd/price`,
      crossDomain: true,
      method: 'GET',
      headers: {
        'Access-Control-Request-Origin': 'https://api.cryptowat.ch/'
      },
      withCredentials: true
    }).map(response => fetchPriceFilled(response))
  );

这是控制台错误

XMLHttpRequest 无法加载 https://api.cryptowat.ch/markets/kraken/btcusd/price。对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://localhost:3000' 不允许访问。响应的 HTTP 状态代码为 405。

我认为在标题中传递了Access-Control-Request-Origin，但出现错误。有什么我错过的吗？

提前致谢

Answer 1

你搞错了。

服务器负责发送'Access-Control-Request-Origin' 标头，而不是客户端。

因此，换句话说，您需要服务器端访问才能在其中添加这些标头。更多信息请访问"No 'Access-Control-Allow-Origin' header is present on the requested resource"。