Reactjs React-从API获取,如何跳过cors响应
我想从我的React应用程序向我的Spring后端发出一个简单的POST请求,以对用户进行身份验证。我在做什么:Reactjs React-从API获取,如何跳过cors响应,reactjs,spring-boot,react-native,fetch,Reactjs,Spring Boot,React Native,Fetch,我想从我的React应用程序向我的Spring后端发出一个简单的POST请求,以对用户进行身份验证。我在做什么: fetch('http://localhost:8080/login', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ username: this.state.usern
fetch('http://localhost:8080/login', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify({
username: this.state.username,
password: this.state.password,
}),
})
.then(response => response.json()).then(resposne => console.log(resposne))
尝试进行此调用将得到一个语法错误:JSON输入的意外结束
。如果我记录响应,我可以看到它是一个带有类型的响应:cors
。我假设我从发出的选项请求中得到了响应。我怎么能跳过这个回答?如果我检查响应上的头,我想要得到的头,即授权头,是不存在的。如果我转到chrome devtools-network部分,查看我得到的响应,我可以看到响应是应该的,甚至可以看到在授权头中返回的令牌。如何在React应用程序中访问该标题?服务器已正确配置,因为它返回令牌,我无法在React应用程序中获取它。
谢谢 生成令牌时似乎没有错误。你看过我的身体了吗 似乎响应正文不是有效的json。您应该添加带有授权标头的,如下所示:
<代码>访问控制公开标题:授权< /代码>
您应该用授权标头添加访问控制公开头:考虑这一点:<代码>。然后(响应= >响应。jSOR())。(响应= >控制台。log(响应。头。@Christiaan添加访问控制公开标题:对我的spring筛选器的授权成功了。我现在可以拿到通行证了。请随便留下答案,这样我就可以接受了。谢谢