Reactjs React-从API获取,如何跳过cors响应

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

我想从我的React应用程序向我的Spring后端发出一个简单的POST请求,以对用户进行身份验证。我在做什么:

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筛选器的授权成功了。我现在可以拿到通行证了。请随便留下答案,这样我就可以接受了。谢谢