I'm breaking my head with a Node js with mysql database and trying to make a simple login.
I am getting :Cannot POST /login
<body class="hero-image">
<div id="container">
<div id="tabs">
<p id="lt" class="tabs">Log in</p>
<p id="rt" class="tabs" onclick="location.href = './register';">Register</p>
<div id="clear"></div>
</div>
<div id="cont">
<div id="loginBox" class="comm">
<h3>Sign in</h3>
<form action="login" method="POST">
<input id="username" type="text" autocomplete="off" name="username" placeholder="Username" required>
<input id="password" type="password" autocomplete="off" name="password" placeholder="Password" required>
<input type="submit" value="Submit Form">
</form>
</div>
</div>
</div>
<script>
const form = document.getElementById('login')
form.addEventListener('submit', login)
async function login(event) {
alert('Success')
event.preventDefault()
const username = document.getElementById('username').value
const password = document.getElementById('password').value
const result = await fetch('/api/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
username,
password
})
}).then((res) => res.json())
if (result.status === 'ok') {
// everythign went fine
console.log('Got the token: ', result.data)
localStorage.setItem('token', result.data)
alert('Success')
} else {
if (result.status === 'Not Found') {
alert("Incorrect Username and/or Password!");
}
else {
alert("Please enter Username and Password!");
}
}
}
</script>
uj5u.com熱心網友回復：
嗯，兄弟！
我試圖努力解讀后端代碼，但現在您發布到“/api/login”，并且您的 html 表單操作針對“登錄”。
要正確呼叫 post 方法，請將您的 html 更改為以下操作：
<form action="/api/login" method="POST">
因此，它與您嘗試執行的正確呼叫相匹配，即：
app.post("/api/login", async(req, res) => {...});
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/416456.html
標籤：