Reactjs Axios Get请求(带标头)不工作

Reactjs Axios Get请求(带标头)不工作,reactjs,api,axios,Reactjs,Api,Axios,我正在尝试使用Axios向需要API键作为头的API发出get请求,我不确定我做错了什么。控制台中有两个错误。1:xhr.js:178选项403(禁止)。 2:加载失败:对飞行前请求的响应未通过访问控制检查:请求的资源上不存在“访问控制允许原点”标头。因此,不允许访问源“”。响应的HTTP状态代码为403。 我在用React,谢谢你的关注 const API_KEY = "*******"; class List extends Component { state = { legis

我正在尝试使用Axios向需要API键作为头的API发出get请求,我不确定我做错了什么。控制台中有两个错误。1:xhr.js:178选项403(禁止)。 2:加载失败:对飞行前请求的响应未通过访问控制检查:请求的资源上不存在“访问控制允许原点”标头。因此,不允许访问源“”。响应的HTTP状态代码为403。 我在用React,谢谢你的关注

const API_KEY = "*******";
class List extends Component {
  state = {
    legislators: []
  }

  componentDidMount() {
    axios
      .get("https://api.propublica.org/congress/v1", {
        headers: { 'Authorization': API_KEY }
      })
      .then(data => console.log(data));
  }

这很可能是CORS的问题

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

你可以阅读更多关于CORS的内容

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


标题应以
X-API-Key:PROPUBLICA\u-API\u-Key
的格式提供,而不是
“授权”:API\u-Key
(请参阅)

感谢您的回复,我已更改标题以匹配文档,但仍然没有运气,当我在任何地方使用CORS前缀时,我会收到403(禁止)错误