controller Express 中未定義的請求正文

Question

當我寫 console.log(req); 時，我的 controller 有問題； 我有請求正文的所有內容，但是當我寫 console.log(req.body); 未定義。 我正在嘗試使用 Next.js React and Express 編寫我的投資組合。

這是我的服務器 index.js：

const express = require('express');
const next = require('next');
const routes = require('../routes');
const mongoose = require('mongoose');
const bodyParser = require('body-parser');


// SERVICE
const authService = require('./services/auth');

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = routes.getRequestHandler(app);
const config = require('./config');

const portfolioRoutes = require('./routes/portfolio');

const secretData = [
{   id: '1',
    title: 'Secret Data',
    description: 'plans for build something !'
},
{   
    id: '2',
    title: 'Secret Data2',
    description: 'plans for build something2 !'
}
]


//MONGODB
mongoose.connect(config.DB_URI, {useNewUrlParser: true, useUnifiedTopology: true})
.then(() => {
console.log("Db connected");

}).catch(err => console.log(err));



app.prepare()
.then(() => {
const server = express();
server.use(bodyParser.json());
server.use(bodyParser.urlencoded({ extended: false }));
var jsonParser = bodyParser.json()
server.use('/api/v1/portfolio', portfolioRoutes);

server.get('/api/v1/secret', authService.checkJWT, (req,res) => {
    return res.json(secretData);

})

server.get('/api/v1/ownersite', authService.checkJWT, authService.checkRole('siteOwner'),
    (req,res) => {
    return res.json(secretData);

})

server.get('*', jsonParser,(req,res) => {
    return handle(req,res);
})

server.use(function (err, req, res, next){
    if (err.name === 'UnauthorizedError') {
        res.status(401).send({title: `Invalid token...`});
    }
});

server.use(handle).listen(3000, (err) => {
    if(err) throw err
    console.log('> Ready on http://localhost:3000');
})

}).catch((ex) => {
console.error(ex.stack)
process.exit(1);
})

這是我的路線：

const express = require('express');
const router = express.Router();

const portfolioCtrl = require('../controllers/portfolio');
const authService = require('../services/auth');

router.route('').get(authService.checkJWT, authService.checkRole('siteOwner'),       
portfolioCtrl.getPortfolio);
router.route('').post(authService.checkJWT, authService.checkRole('siteOwner'),     
portfolioCtrl.savePortfolio);
router.route('/:id').patch(authService.checkJWT, authService.checkRole('siteOwner'),     
portfolioCtrl.updatePortfolio);
router.route('/:id').delete(authService.checkJWT, authService.checkRole('siteOwner'),     
portfolioCtrl.deletePortfolio);

module.exports = router;

這是我的 Controller：

savePortfolio: (res, req) => {
    console.log(req);
    const portfolioData = req.body;
    const portfolio = new Portfolio(portfolioData);
    portfolio.save((err, createdPortfolio) => {
        if(err) {
            return res.status(422).send(err);
        }
        return res.json(createdPortfolio);
    })
},

Answer 1

快捷路由的回調 function 取參數順序如下：

(req, res, next) =>{...}

• req，請求 object。
• res，響應 object。
• next，表示下一個中間件 function（可選）

savePortfolio: (res, req) => {...}順序錯誤。 這就是req.body為undefined的原因。

更正： savePortfolio: (req, res) => {...}