Axios POST request returns 404 error when sending to Node.js API

Question

I am developing a web application using a React frontend and a Node.js backend. The frontend sends a POST request to the backend using Axios like this:

Register.js

...

handleSubmit = (e) => {
    e.preventDefault();
    const { email, password, name, dateofbirth } = this.state;
    const user = { email, password, name, dateofbirth };

    const url = "http://localhost:9000/register";
    axios
      .post(url, user, {
        headers: {
          "Content-Type": "application/json",
        },
      })
      .then((response) => console.log(response))
      .catch((error) => {
        console.error("You have made a big error. " + error);
        console.log(user);
      });
  };

...

While the backend receives the request like this:


./routes/register.js

...

router.post("/register", async (req, res) => {
  console.log("Inside Home Login");
  res.writeHead(200, {
    "Content-Type": "application/json",
  });
  console.log("Users : ", JSON.stringify(users));
  res.end(JSON.stringify(users));
  
})

...

However I get the error "POST http://localhost:9000/register 404 (Not Found)" upon trying to send anything.

Are you able to test you backend endpoint via postman or terminal? maybe you passed router somehow incorrect — Oleksandr Paiziak
– Oleksandr Paiziak, Commented Oct 1, 2020 at 13:36
Are you sure that your backend server is running, (I know this sounds trivial but just thinking of my common mistakes) — Shmili Breuer
– Shmili Breuer, Commented Oct 1, 2020 at 13:41

Chandelier Axel · Accepted Answer · 2020-10-01 13:59:42Z

1

My guess would be that you are routing in your index.js. If you can provide a code sample to figure it out.

If so, the thing is defining a routing like,

app.use('/register', yourImportedVariable);

does define a route at http://localhost:9000/register.

So, if in your routes/register.js file you define a GET endpoint with '/register' your front-end call must be http://localhost:9000/register/register

To fix it, either rename your route as '/', or fix your front-end call with the above url.

answered Oct 1, 2020 at 13:59

Chandelier Axel

2372 silver badges6 bronze badges

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

1 Comment

AmalaGiraffe Over a year ago

Yes, that was the solution. My index.js had app.use('/register', registerRouter); and so I change this line in /routes/register.js router.post("/register", async (req, res) => { to change /register to just /.

Collectives™ on Stack Overflow

Axios POST request returns 404 error when sending to Node.js API

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related