Axios获取请求，但标头不工作
我试图用Axios向一个需要API密钥作为头的API发出get请求，但我不确定我做错了什么。控制台中有两个错误。1:xhr。js:178个选项https://api.propublica.org/congress/v1403（禁止）。2:加载失败https://api.propublica.org/congress/v1:对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“access control Allow Origin”标头。起源'http://localhost:3000因此不允许访问。响应的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));
}
共有1个答案
这很可能是CORS的问题。
跨原点资源共享（CORS）是一种机制，它使用额外的HTTP标头，让用户代理获得访问来自不同原点（域）服务器的选定资源的权限，而不是当前使用的站点。
你可以在这里阅读更多关于CORS的信息。
要绕过CORS，您可以在任何地方使用CORS。这里提供了留档
标头应该以X-API-Key：PROPUBLICA_API_KEY的格式提供，而不是授权：API_KEY（参考文档）
-
我正在构建一个VueJS应用程序，并使用JSON web令牌作为身份验证系统。当我登录用户时，我使用localStorage存储令牌，并且工作正常。我检查了标题，它在“授权”参数中。 我通过 我看到了标题，没关系。但是，当我对API中的受保护路由执行get请求时，返回“unauthorized”。但是，当我在请求中手动传递带有令牌的标头时，效果很好。 有人知道如何在执行某个请求时自动传递头吗？
-
问题内容： 我已经按照npm软件包文档中的建议编写了axios POST请求，例如： 它可以工作，但是现在我修改了后端API以接受标头。 内容类型：“ application / json” 授权：“ JWT fefege …” 现在，此请求在Postman上可以正常工作，但是在编写axios调用时，我遵循 此链接 ，无法完全正常工作。 我经常出错。 这是我的修改请求： 任何帮助是极大的赞赏。 问
-
我的后端是sprin引导应用程序，前端是vue js 但是cookie值没有设置在请求头部和所有其他api失败与身份验证问题，因为cookie值（会话ID）不存在于头部 样本响应头部与set-cookie身份验证 下面是我在vue.config.js中的代理配置 这是我的axios实例创建与"with凭据：真" 下面是我在服务器端的web安全配置 注意：这在邮递员中工作，因为邮递员会自动将cook
-
编辑：这可能是CORS的问题，我在本地主机上。。。 在Javascript中，我可以设置请求头，获取并返回如下响应： 问题： 我想学习VueJs，并想用VueJs Axios复制这个，但是我很困惑如何设置请求标题，因为我在上面的JS中。 以下是我失败的尝试： 如何像在上面的JS中那样专门设置请求头。我想学习如何在Vue/Axios中实现以下功能。 谢谢。
-
获取当前请求的所有HTTP 请求头信息,如： $headers = $request->header(); print_r($headers); 直接获取某个请求头信息,如: $token = $request->header('XX-Token'); HTTP请求头信息的名称不区分大小写，并且下划线会自动转换为-，所以下面的写法都是等效的： $token = $request->head
-
获取当前请求的所有HTTP 请求头信息,如： $headers = $request->header(); print_r($headers); 直接获取某个请求头信息,如: $token = $request->header('XX-Token'); HTTP请求头信息的名称不区分大小写，并且下划线会自动转换为-，所以下面的写法都是等效的： $token = $request->head