log masuk.js dan pengambilan saya

const loginFormHandler = async (e) => { e.preventDefault(); const username = document.getElementById('inputUsername').value.trim(); const userPassword = document.getElementById('inputPassword').value.trim(); if (username && userPassword) { console.log(username); console.log(userPassword); const res = await fetch('/api/users/login', { method: 'POST', body: JSON.stringify({ username, userPassword }), headers: { 'Content-Type': 'application/json' }, }) if (res.ok) { document.location.replace('/profile'); } else { console.log(res.statusText); } } };

userRoutes.js dan POST saya

router.post('/login', async (req, res) => { try { const userData = await User.findOne({ where: { username: req.body.username } }); console.log(userData); if (!userData) { res .status(400) .json({ message: 'Incorrect username or password, please try again' }); return; } const validPassword = await userData.checkPassword(req.body.password); console.log(validPassword); if (!validPassword) { res .status(400) .json({ message: 'Incorrect username or password, please try again' }); return; } req.session.save(() => { req.session.user_id = userData.id; req.session.logged_in = true; res.json({ user: userData, message: 'You are now logged in!' }); }); } catch (err) { res.status(400).json(err); } });

Log masuk.bar hendal

 Username  Password  Never share your password. Submit 
 

Saya menyemak ID html, menyemak laluan routing, menukar laluan routing tetapi nampaknya tiada apa yang berfungsi. Saya mendapat POST 400 (Permintaan Buruk) @login.js:10 dan ini semakin meningkat. Ia mengeluarkan nama pengguna dan kata laluan saya dengan betul.