登录页面用户认证异常：账号密码匹配但页面持续缓冲无跳转

核心问题 #

1. 查询结果类型错误：users.find() 返回的是匹配文档的数组，而非单个用户对象。你直接判断 if (foundUser) 会始终为真（空数组属于真值），但数组不存在 password 属性，导致密码匹配逻辑永远不触发，且无后续响应，请求持续挂起。
2. 未覆盖所有响应分支：用户不存在、密码不匹配时，没有向客户端返回任何响应，请求一直处于pending状态，页面持续缓冲。

修复后的后端代码 #

app.post('/login', function (req, res) {
    const username = req.body.username;
    const password = req.body.password;

    // 改用findOne查询单个用户，替代返回数组的find方法
    users.findOne({ email: username })
        .then(function (foundUser) {
            if (!foundUser) {
                // 用户不存在时返回登录页并提示错误
                return res.render("login", { error: "用户不存在" });
            }
            console.log("User Found");
            if (foundUser.password === password) {
                return res.render("access");
            }
            // 密码不匹配时返回登录页并提示错误
            res.render("login", { error: "密码错误" });
        })
        .catch(function(err){
            console.log(err);
            // 数据库异常时返回500状态及提示，避免请求挂起
            res.status(500).render("login", { error: "服务器出错" });
        })
});

前端EJS代码优化（可选） #

添加错误提示展示，提升用户体验：

<div>
<h1>Login</h1>
<!-- 显示后端返回的错误信息 -->
<% if (error) { %>
    <p style="color: red;"><%= error %></p>
<% } %>
<form action="/login" method="POST">
    <label for="email">Email</label>
    <input type="email" name="username" id="email" required>
    <label for="password">Password</label>
    <input type="password" name="password" id="password" required>
    <button type="submit">Login</button>
</form>
</div>

关键修复点说明 #

• 替换 find() 为 findOne()：确保返回单个用户对象，能正确读取password属性，匹配登录逻辑。
• 覆盖所有响应分支：用户不存在、密码错误、数据库异常时，均向客户端返回明确响应，彻底解决请求挂起问题。
• 增加前端表单验证：给输入框添加required属性，确保提交数据完整性。

内容的提问来源于stack exchange，提问作者Manthan Chauhan