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