A cross-origin error was thrown. react doesn't have access to the actual error object in development in react

Question

i am trying to clone data from props to state inside constructor.

this.state = {
  showAttemptModal: false,
  showProgressbar: true,
  data: JSON.parse(JSON.stringify(this.props.data))
}

But getting cross-origin error. Why this is happening.

Answer 1

If you have setup your server to support CORS and still getting this error, most likely it is an issue with reactjs while processing response from the server. In my case it was happening while trying to parse invalid response into JSON.

Answer 2

CORS error has nothing to do with cloning data from props to state. You need to pass following property for same in your request header while fetching data from API:

{Access-Control-Allow-Origin:"*", "Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept"}