JSON 分析错误：意外的标识符"Not found"

Question

 fetch('http://192.168.120.100:8080/login', {
    method: 'POST',
    body: JSON.stringify(SignInData),
    headers: {
      'Content-Type': 'application/json'
    }
  })
   .then((response)=>response.json())
    .then((user)=>{
      if(user.status=="success"){
        alert("success")
        console.log("success");
      }else{
      alert("error")
      console.log("fail");
      }
    })
    .catch((error)=>{
      console.log("Error, with message::",error)
    });
  }

我的服务器代码是

   router.post('/login', function (req, res) {
   User.findOne({ email: req.body.email }).then((user) => {
        console.log('testing' + JSON.stringify(user));
        if (!user) return res.status(404).send("Not found");
        //check password matches
        if (user.password == req.body.password) {
            user.status = "Success";
            res.status(200).send('success');
        } else {
            res.status(404).send('Invalid Password');
        }
    })
        .catch((err) => {
            res.status(500).send(err);
        });
});
});

我正在处理登录表单，我的后端工作正常，但是在 React 本机上运行时，我收到错误 JSON 解析错误：意外标识符"不是"。是 json 错误吗？

Answer 1

看起来问题是当您在找不到用户的情况下传递"未找到"时，即使是"成功">

在 UI 端，当您调用 .then((response)=>response.json()) 它尝试将响应更改为 json 格式，而您的 API 返回不符合 json 结构的字符串"未找到"。

至于可以在所有情况下传递 JSON 的解决方案，可能需要相应地更改 UI。

router.post('/login', function (req, res) {
   User.findOne({ email: req.body.email }).then((user) => {
        console.log('testing' + JSON.stringify(user));
        var result = {};
        if (!user) {
           result.message = "Not Found"
           return res.status(404).send(result);
        }
        //check password matches
        if (user.password == req.body.password) {
            user.status = "Success";
            result.message = "Success"
            res.status(200).send(user);
        } else {
            result.message = "Invalid Password";
            res.status(404).send(result);
        }
    })
        .catch((err) => {
            res.status(500).send(err);
        });
});
});