Axios获取请求W / Header无法正常工作

时间:2018-05-20 15:09:16

标签: reactjs api axios

我试图用Axios向一个需要API密钥作为标题的API发出get请求,而且我不确定我做错了什么。我在控制台中收到两个错误。 1:xhr.js:178选项https://api.propublica.org/congress/v1 403(禁止)。 2:无法加载https://api.propublica.org/congress/v1:对预检请求的响应未通过访问控制检查:否' Access-Control-Allow-Origin'标头出现在请求的资源上。起源' http://localhost:3000'因此不允许访问。响应具有HTTP状态代码403。 我正在使用React - 感谢您寻找

{{1}}

1 个答案:

答案 0 :(得分:0)

这很可能是一个CORS问题。

  

跨源资源共享(CORS)是一种机制,它使用其他HTTP标头让用户代理获得从与当前正在使用的站点不同的源(域)上的服务器访问所选资源的权限。

您可以阅读有关CORS here的更多信息。

要绕过CORS,您可以使用CORS-anywhere。提供的文档为here

标题应以X-API-Key: PROPUBLICA_API_KEY而非'Authorization': API_KEY格式提供(请参阅docs