使用Knex实现登录表单校验失败，寻求技术解决方案

你的代码存在几个核心问题，下面逐一说明并给出修正方案：

1. Knex不能直接在浏览器前端运行 #

Knex是Node.js环境下的数据库查询工具，无法直接在浏览器的前端JS里调用——浏览器直接连接MySQL会带来严重的安全风险，也不符合前后端分离的规范。你需要把校验逻辑放到Node.js后端服务中，前端通过AJAX/fetch发送表单数据到后端接口，由后端完成数据库查询和校验。

2. Knex查询未执行且无结果处理 #

Knex的查询是异步Promise，你只构建了查询语句，没有触发执行，也没有处理返回结果。就算在后端环境，也需要通过.then()或者await来获取查询结果并判断校验是否通过。

3. 密码明文处理的安全问题 #

永远不要明文存储用户密码，也不能直接用明文比对。必须在用户注册时用bcrypt等工具对密码做哈希处理，登录时用哈希值进行比对。

修正后的完整流程示例 #

后端(Node.js)代码示例 #

// 假设已完成Knex数据库连接配置
const knex = require('./knex-config');
const bcrypt = require('bcrypt');
const express = require('express');
const app = express();

// 解析JSON请求体
app.use(express.json());

// 登录校验接口
app.post('/api/login', async (req, res) => {
  try {
    const { email, password } = req.body;
    
    // 从数据库获取用户（建议用邮箱或用户名其中一个作为账号标识，无需同时校验）
    const user = await knex('users')
      .select('id', 'password')
      .where({ email })
      .first();

    if (!user) {
      return res.status(401).json({ message: '用户不存在' });
    }

    // 比对密码哈希
    const isPasswordValid = await bcrypt.compare(password, user.password);
    if (!isPasswordValid) {
      return res.status(401).json({ message: '密码错误' });
    }

    // 校验通过，返回用户信息或生成登录凭证
    res.json({ message: '登录成功', userId: user.id });
  } catch (err) {
    console.error(err);
    res.status(500).json({ message: '服务器错误' });
  }
});

app.listen(3000, () => console.log('服务启动在3000端口'));

前端代码示例 #

function checkLogIn() {
  var emailValue = document.getElementById("emails").value;
  var passwordValue = document.getElementById("password").value;

  // 发送请求到后端登录接口
  fetch('/api/login', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      email: emailValue,
      password: passwordValue
    })
  })
  .then(res => res.json())
  .then(data => {
    if (data.message === '登录成功') {
      // 登录成功后的逻辑，比如跳转页面
      alert('登录成功');
    } else {
      alert(data.message);
    }
  })
  .catch(err => {
    console.error('请求失败', err);
    alert('登录失败，请重试');
  });
}

额外注意事项 #

• 用户注册时，必须提前用bcrypt.hash(password, 10)对密码哈希后再存入数据库
• 登录校验建议只保留邮箱或用户名其中一个作为账号标识，减少逻辑复杂度
• 后端接口要做好参数校验和错误捕获，Knex的参数化查询已经帮你规避了SQL注入风险

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