Reactjs提取标头无法正常工作

Question

我正在尝试使用fetch with react来从aws api网关端点获取响应。我正在使用端点的自定义授权程序。我可以使用curl with headers来成功地从端点获取数据，以及使用chrome扩展postman成功获取数据，但是使用下面的代码和react，即使使用有效的令牌，我总是会收到401错误。我有点新的反应，但我认为我的代码应该有效。我究竟做错了什么？有什么我需要改变的吗？

componentDidMount() {
Auth.currentAuthenticatedUser()
.then((res) => {
  let token = res.signInUserSession.idToken.jwtToken
  ///*
  let myHeaders = new Headers();
  myHeaders.append('authorization', token)
  myHeaders.append('type', 'TOKEN')
  fetch(<URL>, {headers: myHeaders})
  .then((res) => {
    console.log(res);
  })
  .catch((err) => {
    console.log(err);
  })
})
.catch((err) => {
  console.log(err);
})

}

Answer 1

看起来你需要启用CORS：http://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-cors.html