reactjs network error at create error and at XMLHttpRequest.handleError reactjs

Question

I'm creating an application with reactjs as my front end and rails API as my backend. My front end runs on port 3000 and rails runs on 3001. I have the proxy setup to allow for this. I make requests to rails. Here is my post request for signing users in. Note that I'm making an https request because my backend is supposed to be setup to handle this:

axios.post('https://localhost:3001/api/login/authentication', {
  email: email,
  password: password
})
.then(response => {
  this.props.history.push('/Main')
})
.catch(error => {
  console.log(error)
})

When I run this I get the following errors:

Error: Network Error at createError (createError.js:17) at XMLHttpRequest.handleError (xhr.js:87)

Can anyone help me solve this?

I am also facing the same error.. @tee did you found any solution? — prudhvi259
– prudhvi259, Commented Dec 30, 2021 at 7:01

Luca Fagioli · Accepted Answer · 2020-03-06 05:39:48Z

1

Even if the two applications share the same base URL, they are running on different ports, and that's enough for the browser to consider them as two different origins.

In this scenario, you should enable the Cross-Origin Resource Sharing (CORS) mechanism in the backend application.

More about CORS here.

answered Mar 6, 2020 at 5:39

Luca Fagioli

13.5k5 gold badges64 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

prudhvi259 Over a year ago

CORS is enabled in API side but sill facing the same issue. Issue occurs when I opened the chrome devtools window and call the API. If devtools window is closed then the API call is working fine. As a newbie in react feeling this is strange.

prudhvi259 Over a year ago

Please check my question here link

Collectives™ on Stack Overflow

reactjs network error at create error and at XMLHttpRequest.handleError reactjs

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related