Encountering a 404 error when trying to retrieve parameters in Express JS

Question

Encountering a 404 error when trying to retrieve parameters in Express JS

I am attempting to save a file by sending it as a JSON string through an ExpressJS POST request:

app.post('/filewrite/', (req, res) => {
  const fs = require('fs');
  console.log(req.body);
  fs.writeFile("./db/test.json", req.body, function(err) {
      if(err) {
          return console.log(err);
      }  
      console.log("The file has been saved!");
  }); 
});

However, when I try to send the data, I receive a 404 error message:

POST http://localhost:5000/filewrite/%7B%22db%22:[%7B%22ID%22:%2211111111%22,%22job%22:%2222222222]%7D 404 (Not Found)

What changes do I need to make in defining the POST route to accept parameters correctly?

javascript express post

Answer 1

Answer №1

If you wish for the data to be visible in req.body, then it must be included in the request body rather than the URL.

By attempting to include it in the URL, the route will not align properly.

I am unsure of what function POST serves, but if using cURL, you can achieve this by:

curl --header "Content-Type: application/json" \
     --request POST \
     --data '{"db":[{"ID":11111111,"job":22222222]}' \
     http://localhost:5000/filewrite/

Answer 2

If you wish for the data to be visible in req.body, then it must be included in the request body rather than the URL.

By attempting to include it in the URL, the route will not align properly.

I am unsure of what function POST serves, but if using cURL, you can achieve this by:

curl --header "Content-Type: application/json" \
     --request POST \
     --data '{"db":[{"ID":11111111,"job":22222222]}' \
     http://localhost:5000/filewrite/

Answer 3

Answer №2

Instead of passing the data in params, it is recommended to handle it differently. However, if you still prefer to pass it this way, here's a possible solution:

app.post('/filewrite/:data', (req, res) => {
  const fs = require('fs');
  console.log(req.body);
  fs.writeFile("./db/test.json", req.params.data, function(err) {
      if(err) {
          return console.log(err);
      }  
      console.log("The file was saved!");
  }); 
});

Keep in mind that writing data directly to a local file through the server may not be secure. Consider setting a static path for the folder or file. Here is a helpful resource: Save post data in local file

Answer 4

Instead of passing the data in params, it is recommended to handle it differently. However, if you still prefer to pass it this way, here's a possible solution:

app.post('/filewrite/:data', (req, res) => {
  const fs = require('fs');
  console.log(req.body);
  fs.writeFile("./db/test.json", req.params.data, function(err) {
      if(err) {
          return console.log(err);
      }  
      console.log("The file was saved!");
  }); 
});

Keep in mind that writing data directly to a local file through the server may not be secure. Consider setting a static path for the folder or file. Here is a helpful resource: Save post data in local file

Encountering a 404 error when trying to retrieve parameters in Express JS

Answer №1

Answer №2

Similar questions

Limit the input to numbers when pasting into Angular

Node.js program closes immediately upon Java startup

Customize the position values of the Ngx-bootstrap Tooltip manually

Discover how to utilize Express.js with MongoDB using the forEach method

Using Javascript to target elements with identical attributes

Error 400: Token Obtain Pair request failed in Django REST with simpleJWT and Vue 3 composition API

What methods can I use to modify strings within JSX?

"Collaborative Drive" assistance within Google Apps Script

Using Javascript to retrieve information from a json file

What is the best way to achieve a partial match using JQuery?

Trouble arises when trying to retrieve a simple JSON object directly from MongoDB

Tips for transferring information between routes in Node.js using Express.js

What would occur if the video I am currently uploading is deleted while the process is running in the background and being sent to the server?

Utilizing AngularJS Directive to trigger a designated function upon change in an input file

Submit the request again once the issue has been resolved in express.js

Tips on adding an item to the array field of a model in Mongoose

Removing HTML elements and accounting for new lines in a text box

Include personalized headers to the 'request'

I am encountering an issue with retrieving API JSON data in NextJS where I am receiving an

Clicking on the current component should trigger the removal of CSS classes on its sibling components in React/JSX