如何让NodeJS对XMLHttpRequest请求返回响应？附代码排查

前端问题：缺少请求头设置 #

你用XMLHttpRequest发送JSON数据时，未告知后端请求体的格式类型，导致后端无法正确解析请求内容。需要添加Content-Type请求头声明数据格式。

修改后的前端代码：

let xhr = new XMLHttpRequest();

xhr.onreadystatechange = function () {
  if (this.readyState == 4) {
    console.log(this.response);
  }
};

xhr.open('POST', 'https://PlasticStudiousCells.programprodigy.repl.co/add-user', true);
// 添加JSON格式请求头
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(
  JSON.stringify({
    'user': 'lol',
    'key': 'QKsP2s23LP',
    'data': {
      'name': 'lol',
      'email': 'lol@lol.com',
      'password': 'lol'
    }
  })
);

后端问题：缺少JSON解析中间件+重复解析请求体 #

如果你的后端基于Express框架，默认不会自动解析JSON请求体，需先添加express.json()中间件。另外，当中间件完成解析后，req.body已经是JavaScript对象，再次执行JSON.parse(req.body)会直接抛出错误。

1. 先添加解析中间件（必须放在所有路由之前） #

const express = require('express');
const app = express();

// 添加JSON请求体解析中间件
app.use(express.json());

2. 修改/add-user路由代码 #

移除多余的JSON.parse(req.body)，同时补全Key验证不通过时的响应逻辑，避免请求挂起：

app.post('/add-user', function(req, res) {
  console.log(req.body);
  // 直接使用解析后的req.body对象
  let user = req.body;
  let keys = JSON.parse(fs.readFileSync('/home/runner/PlasticStudiousCells/dbs/keys.json'));
  const encryptedKey = encrypt(user.key);
  
  if (keys[encryptedKey]) {
    try {
      addUser(keys[encryptedKey], user.user, user.data);
      res.status(200).send('User successfully added.');
      console.log(user.user +' successfully added.');
    } catch(err) {
      // 用500状态码表示服务器内部错误更准确
      res.status(500).send(err.message);
      console.log(err);
    }
  } else {
    // 补全Key验证失败的响应
    res.status(403).send('Invalid key.');
    console.log('Invalid key provided:', user.key);
  }
})

额外注意事项 #

• 确保encrypt函数已正确定义并能正常工作，否则Key验证会直接失败
• 建议使用异步的fs.promises.readFile替代同步的fs.readFileSync，避免阻塞服务器事件循环
• 生产环境中密码不要明文传输，当前使用HTTPS的方式是正确的

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