[Vuejs]-VueJS: axios returns 404 Not Found error on POST request

by

0👍

✅

After a few hours of my try and error attempts, I found this due to my logic mistakes on backend router files. Here’s the codes:-

const authController = require("../controllers/auth.controller");
const bioController = require("../controllers/biodata.controller");

module.exports = function(app) {   
  app.use(function(req, res, next) {
    //allowing headers for CORS (Cross-origin resource sharing). 

    //this is to allow frontend and backend to communicate with eachother.

    //this is literally the first thing we check before we call "next()" method on express 
    //and continue with the rest of the routing checks.

    //SUPER IMPORTANT

    res.header(
      "Access-Control-Allow-Headers",
      "x-access-token, Origin, Content-Type, Accept"
    );
    next();
  });

  app.get(
    "/biodata/infobio",
    [authController.verifyToken],
    bioController.infoBio
  );

  app.post(
    "/biodata/getbio",
    [authController.verifyToken],
    bioController.getBio
  );   

};

After found this issue as per this code:-

app.post(
"/biodata/getbio",
[authController.verifyToken],
bioController.getBio
);
I noticed that I use app.get instead of app.post that caused my request return error 404(Not found). I consider this case closed and apologize to all since I’m still learning on VueJS and axios.

Leave a comment