Method Post with Axios giving Error 404. ReactJS

Question

i have a problem with axios.js, i trying to use the method POST but it give error 404 and i dont know what do, the error is:

> POST http://localhost:3000/api/match 404 (Not Found)
> createError.js:16 Uncaught (in promise) Error: Request failed with status code 404
    at createError (createError.js:16)
    at settle (settle.js:18)
    at XMLHttpRequest.handleLoad (xhr.js:77)

My code with post:

teste = () => {
  console.log('login clicked')
  let data = JSON.stringify({
    password: this.state.password,
    username: this.state.email
  })

  axios.post('api/match', data, {
    headers: {
      'Content-Type': 'application/json',
    }
  })
}

Same thing if i to use this:

axios.post('http://localhost:3001/api/match', data, {
  headers: {
    'Content-Type': 'application/json',
  }
})

My package.json:

"proxy": "http://localhost:3001/"

Someone know why be giving this error? ???? I look that it is giving the URL of the app React and not of the server..

Someone help me please?

merrilj · Accepted Answer · 2018-06-04 21:04:17Z

1

Try changing api/match to /api/match in your first axios.post. A possible reason your second post request with the full URL isn't working might be a CORS issue. There's a great cors package you can add to your backend app with two lines of code.

edited Jun 4, 2018 at 21:04

answered Jun 4, 2018 at 20:33

merrilj

3671 gold badge2 silver badges11 bronze badges

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

Comments

Arthur Almeida · Accepted Answer · 2018-06-04 19:02:56Z

0

The error says, basically, you don't have any http server running on localhost:3000 with a route /api/match.

Are the http server running?

answered Jun 4, 2018 at 19:02

Arthur Almeida

5682 silver badges8 bronze badges

3 Comments

Arthur Almeida Over a year ago

I mean, is this the server address or , as you said, the React app address? if you type in your browser localhost:3000, does it displays a response from the http server?

Jota Over a year ago

Not, it is of the server, of the React app is 3000

Arthur Almeida Over a year ago

You have to use this syntax: axios.post('http://localhost:3001/api/match', data, { headers: { 'Content-Type': 'application/json', } }) and remove the proxy option from the package.json

Collectives™ on Stack Overflow

Method Post with Axios giving Error 404. ReactJS

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related