MERN应用中Node与React登录校验GET请求无响应问题咨询

核心问题1：GET请求无法获取表单参数 #

你用method="GET"提交表单时，表单参数会被拼接在URL的查询字符串中（格式为/check?username=xxx&password=xxx），不会放在请求体中。而你的服务端代码里是从request.body取参数，GET请求的request.body是空对象，自然拿不到用户名和密码，参数为空时后续bcrypt方法会抛出未捕获的异常，导致服务端无响应。
如果一定要用GET请求，需要从request.query中取参数：

application.get('/check', async (request, response) => {
  // 从query而非body中获取GET请求的参数
  const { username, password } = request.query
  // 后续业务逻辑
})

核心问题2：bcrypt校验逻辑错误 #

你当前的密码校验逻辑完全不符合bcrypt的使用规则：

// 错误写法：bcrypt每次哈希同一个明文密码都会生成不同结果，自己哈希自己对比没有实际意义，永远和数据库存储的哈希值不匹配
password: bcrypt.compareSync(
  request.body.password,
  bcrypt.hashSync(request.body.password, 10)
)

正确的校验逻辑应该是：

1. 先用用户名从数据库查询到对应用户存储的已加密密码哈希值
2. 再用bcrypt.compareSync把用户输入的明文密码和数据库查到的哈希值做对比
   示例正确写法：

application.get('/check', async (request, response) => {
  const { username, password } = request.query
  // 第一步：根据用户名查询对应账号
  const user = await db.collection('data').findOne({ name: username })
  if (!user) {
    return response.send('用户名不存在')
  }
  // 第二步：校验密码是否匹配
  const isPasswordValid = bcrypt.compareSync(password, user.password)
  if (!isPasswordValid) {
    return response.send('密码错误')
  }
  console.log('登录校验通过')
  response.redirect('/')
})

额外规范建议：登录请求优先使用POST #

虽然查询逻辑理论上可以用GET，但登录场景涉及敏感的密码信息：

• GET请求的参数会完整保存在浏览器历史记录、服务端访问日志中，存在严重的安全风险
• POST请求的参数放在请求体中，相对更安全，符合行业通用规范
  因此更推荐你使用POST方式提交登录请求，不需要强行使用GET。

其他可优化点 #

• 你当前的数据库操作都是异步的，没有加await也没有处理Promise异常，后续可能出现逻辑执行顺序错乱的问题，建议统一用async/await处理异步逻辑
• 密码校验不要用同步方法compareSync，推荐用异步的compare避免阻塞Node事件循环

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