网站POST请求遇422/Cannot GET /api/list及响应头问题求助

咱们一步一步拆解你遇到的三个关联问题：

1. Cannot GET /api/list 与422状态码冲突 #

从代码能看到，后端用app.post('/api/list')定义了POST类型的接口，但浏览器报错里显示Cannot GET /api/list——这说明你的前端fetch请求大概率用了GET方法去访问这个只接受POST的接口。

而422状态码通常表示服务器能理解请求，但无法处理请求里的数据，结合场景来看，核心原因有两个：

• 请求方法不匹配（GET vs POST）
• 请求体参数titleArtist未正确传递，或者后端没配置请求体解析中间件导致req.body为空

解决办法： #

• 补全前端fetch的options配置，确保method设为POST，同时正确设置请求头和序列化参数：

  const options = {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      // 若需认证，记得带上Cookie或token
    },
    body: JSON.stringify({ titleArtist: '你的内容' }) // 确保参数正确转为JSON格式
  };
  

• 后端要提前配置请求体解析中间件，否则req.body会是undefined，导致参数获取失败：

  // 在所有路由定义前添加
  app.use(express.json());
  // 旧版Express可使用body-parser：
  // const bodyParser = require('body-parser');
  // app.use(bodyParser.json());
  

2. Unhandled rejection Error: Can't set headers after they are sent. #

这是Express里的经典错误，意味着你的后端路由处理函数中多次尝试发送HTTP响应了。比如：

• 数据库查询的异步操作前后，分别调用了res.send()/res.json()
• 异步流程控制混乱，比如在then/catch之外又发送了响应
• 条件分支里漏写return，导致代码继续执行到后续的响应语句

从你贴的Server.js片段来看，只写了查询的开头，大概率是后续异步逻辑里没控制好响应发送时机。

解决办法： #

• 确保每个代码分支只发送一次响应，并用return终止后续代码执行，推荐用async/await简化异步流程：

  app.post('/api/list', userIsAuthenticated, async (req, res) => {
    try {
      let { titleArtist } = req.body;
      let user_id = req.session.user.id;
      let query = { where: { userId: user_id } };
  
      // 示例：假设用Sequelize查询用户
      const user = await User.findOne(query);
      if (!user) {
        return res.status(404).json({ status: 'ERROR', message: '用户不存在' });
      }
  
      // 执行添加内容到列表的逻辑
      await ListItem.create({ titleArtist, userId: user_id });
      res.json({ status: 'OK' });
    } catch (err) {
      // 捕获所有异步错误，避免Unhandled rejection
      console.error(err);
      res.status(500).json({ status: 'ERROR', message: '服务器内部错误' });
    }
  });
  

• 检查userIsAuthenticated中间件：如果中间件在用户未登录时发送了401响应，一定要加return终止后续路由逻辑执行

额外检查点 #

• 确认前端传递的titleArtist参数格式符合后端预期，比如是否为空字符串、是否包含特殊字符导致解析失败
• 测试时可以先用Postman直接调用POST接口，排除前端请求的问题，再定位代码逻辑

内容的提问来源于stack exchange，提问作者T.J