问题：
我怎样才能dix这个节点。js登录页面？
彭阳朔
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>
共有1个答案
万俟棋
好吧，兄弟！
我试图努力解读后端代码，但现在您正在发布到“/api/login”，并且您的html表单操作的目标是“login”。
要正确调用post方法，请将html更改为以下操作：
<form action="/api/login" method="POST">
所以它符合你想要做的正确选择，即：
app.post("/api/login", async(req, res) => {...});
类似资料：
-
有什么方法可以简化这段代码吗？我正好有一个白色的一块，想要得到它的位置 代码： 瓦片类： 件类：
-
我正在尝试获取角色id，但我不知道如何操作，因为它不起作用： 身份验证：：用户- 对象（照亮\数据库\雄辩\收集）#843（1） {["项目"：受保护]=
-
我怎么能把这条线移到右边。我正在使用智能的想法，我使用了导致问题的自定义字体。
-
非法尝试将非集合映射为@onetomany、@manytomany或@collectionofelements:cloudcodes.schema.generator.model.useroudata.orgunitpathid 有人能帮我提前谢谢你吗。
-
输入： 第一行：两个空间分隔的整数N和Q，分别表示数组A中的元素数和查询数 第二行：N个表示数组元素的分隔整数
-
Traceback（最近调用最后一次）：文件"C：\用户\josej\AppData\本地\程序\Python\Python310\lib\站点包\mysql\连接器\abstracts.py"，第553行，在配置DEFAULT_CONFIGURATION[key]KeyError：'datebase' 在处理上述异常期间，发生了另一个异常： 回溯（最近一次调用）：文件“C:\Users\jose