bcrypt.compare 无法在 nextjs 中设置响应头

Question

当我的代码进入 bcrypt.compare 时，我似乎无法获得正确的响应标头。一开始我以为是 cors 问题，但是如果我输入错误并且显示“用户不存在”，我仍然会得到正确的响应。这是我在 express 中的 api 服务器端代码router.post("/api/signIn", (req, res) => {  const { user, password } = req.body;  const queryString = "SELECT * FROM users WHERE user_id = ?";  db.query(queryString, [user])    .then(result => {      if (result.length > 0) {        const hash = result[0].password;        //here bcrypt.compare works server side or with cURL but won't set the response headers in the browser        bcrypt          .compare(password, hash)          .then(same => {            if (same === true) {              console.log("correct password");              res.status(200).json({                code: 200,                message: "correct password"              });            } else {              res.status(401).json({                code: 401,                message: "incorrect password"              });            }          })          .catch(err => console.log(err));      } else {      //this one works though and i can get the response in the browser so it can't be a cors issue        console.log("user does not exist");        res.status(200).json({          code: 401,          message: "User does not exist"        });      }    })    .catch(err => {      console.log("error" + err.message);    });});这是我在反应中使用的测试功能  const signIn = () => {    fetch("http://localhost:5000/api/signIn", {      method: "POST",      body: JSON.stringify({        user: userName,        password: password      }),      headers: {        "Content-Type": "application/json"      },    })      .then(res => res.json())      .then(response => alert(response.code + response.message))      .catch(err => alert(err));  };因此，如果我输入了不在数据库中的错误用户名，警报功能将显示（code401User 不存在）但如果我输入了正确的用户 bcrypt.compare() 似乎没有设置正确和不正确的响应密码，我会得到（类型错误：无法获取）。虽然在 cURL 中测试 api 有效。

Answer 1

明白了，我忘了把 event.preventDefault() 放在 fetch 函数上。