Express.js 显示 req.body 未定义，路由从其他文件重新组合

Question

I am a beginner in using Node.js Express framework. I followed a tutorial and experimenting routes from Express framework. I am trying to prepare for API call and regroup my routes. I have a structure like this in index.js

const express = require('express');
const http = require('http');
const dishRouter = require('./routes/dishRouter');
const hostname = 'localhost';
const port = 3000;

const app = express();

app.use('/dishes', dishRouter);

const server = http.createServer(app);

server.listen(port, hostname, () => {
    console.log(`Server running at http://${hostname}:${port}`);
});

I was regrouping my routes from a different file and I have a problem regarding on accepting req.body.name and req.body.description in the code below dishRouter.js:

const express = require('express');
const dishRouter = express.Router();
const bodyParser = require('body-parser');

dishRouter.route('/')
.all((req,res,next) => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/plain');
    next();
})
.get((req,res,next) => {
    res.end('Will send all the dishes to you!');
})
.post((req, res, next) => {
    res.end('Will add the dish: ' + req.body.name + ' with details: ' + req.body.description);
})
.put((req, res, next) => {
    res.statusCode = 403;
    res.end('PUT operation not supported on /dishes');
})
.delete((req, res, next) => {
    res.end('Deleting all dishes');
});

dishRouter.use(bodyParser.json());
dishRouter.route('/:dishId')
.get((req, res, next) => {
    res.end('Will send the dish id: ' + req.params.dishId + ' to you!');
})
.put((req, res, next) => {
    res.write('Updating the dish: ' + req.params.dishId + '\n');
    res.end('Will update the dish: ' + req.body.name + 
        ' with details: ' + req.body.description);
});

module.exports = dishRouter;

Here I have separated my routes but when I tried in Postman, req.body.name and the req.body.description , it gives me undefined value.

How can i get the values from this?

Answer 1

Can you try to put dishRouter.use(bodyParser.json()); before dishRouter.route('/') so the middleware runs first then only go to the route.

UPDATE

Checkout this sandbox

You can try by using curl to test the endpoint:

curl --location --request POST 'http://localhost:3000/dishes' \
--header 'Content-Type: application/json' \
--data-raw '{
    "name": "new dish",
    "description": "new dish description"
}'

Or try in your local environment using Postman.

Hope it helps:D