Express.js "TypeError: Cannot read properties of undefined" in req.body

Question

`

router.post("/login", (req, res) => {
    console.log(req.body.username)
    console.log(req.body.password)
    
    res.redirect("/")
})

<body>
    <form action="/register" method="post">
        <label for="username">

        </label>
        <input type="text" name="username" placeholder="Username" id="username" required>
        <label for="password">
            <i class="fas fa-lock"></i>
        </label>
        <input type="password" name="password" placeholder="Password" id="password" required>
        <input type="submit" value="Login">
    </form>
</body>

`

I just started learning express but already have a problem and I can't find any fixes. Somehow the req.body variable is undefined in the post. This is going to be a login system. (Sorry for my bad english)

I first tried to do it like here on github: https://github.com/WebDevSimplified/express-crash-course but i still had the "TypeError: Cannot read properties of undefined" error in my console. So I was looking for something else and found this: https://codeshack.io/basic-login-system-nodejs-express-mysql/ My code is based on the codeshack example but I'm still getting the error.

Have you added this line at start of your app? `app.use(express.urlencoded({extended: true}));` — vighnesh153, Nov 19 '22 at 14:16
[Working example](https://stackblitz.com/edit/express-simple-rtqvks?file=pages%2Findex.html,index.js) — vighnesh153, Nov 19 '22 at 14:16

Yash Kashyap · Answer 1 · 2022-11-19T14:49:14.547

0

Add middleware before your handlers

app.use(bodyParser.urlencoded({ extended: false }))

edited Nov 19 '22 at 14:49

answered Nov 19 '22 at 14:48

Yash Kashyap

1
1

1

`bodyParser` is deprecated – vighnesh153 Nov 19 '22 at 15:33
Only the constructor is deprecated, which he is not using. See https://stackoverflow.com/a/24330353/7075674 – Tobias Stangl Nov 22 '22 at 08:32

score 0 · Accepted Answer · edited Nov 22 '22 at 15:57

If you want to access body of post request, we need to use express middleware which will parse the body of request and it will attached it under req.body object.
In order to do it we can use express.urlencoded() middleware. for more information link

router.post("/login",express.urlencoded({ extended: true }) , (req, res) => {
    console.log(req.body.username)
    console.log(req.body.password)
    res.redirect("/")
})

Express.js "TypeError: Cannot read properties of undefined" in req.body

2 Answers2