React Native/Node API：发送后无法设置 headers

Question

我的 React 本机应用程序与我的节点 API 交互时遇到问题。当我尝试 post 数据通过节点更新数据库中的某些值时（然后转到存储过程），我得到一个 500 - Can't set headers 在他们之后在 Node.

中发送

我能找到的所有信息都表明这可能是由于发送了两次响应。我认为这里不是这种情况。我已经在 postman 中进行了测试，一切正常，returns 状态为 200，返回数据正确。

我正在尝试 post 数据到 API，像这样：

  const myHeaders = new Headers();
  myHeaders.append('Content-Type', 'application/json');


  fetch(`http://localhost:3000/user/preferences`, {
      method: 'POST',
      headers: myHeaders,
      mode: 'cors',
      cache: 'default',
      body: JSON.stringify({
        id: '1',
        minage: this.state.minageValue,
        maxage: this.state.maxageValue
      })
  })
      .then(response => response.json())
      .then(body => console.log(body))
      .catch(err => console.log(err));

我在 API 端接收它，并将数据传递给存储过程：

function updatePreferences(req, res, next) {
    console.log(req);
    var userid = req.body[0].id;
    var minage = req.body[0].minage;
    var maxage = req.body[0].maxage;

    db.func('___spsavepreferences', [userid, minage, maxage])
        .then(function(data){
            res.status(200)
                .json({
                    status: 'success',
                    preferences: data
                });
        });
}

有什么想法吗？

编辑：

不知道这是否告诉我任何信息，但我已将错误消息记录到控制台：

Error: Can't set headers after they are sent.
at validateHeader (_http_outgoing.js:504:11)
at ServerResponse.setHeader (_http_outgoing.js:511:3)
at ServerResponse.header (/Users/user/Projects/Project_node/node_modules/express/lib/response.js:730:10)
POST /user/preferences 500 410.809 ms - 189
    at ServerResponse.send (/Users/user/Projects/Project_node/node_modules/express/lib/response.js:170:12)
    at done (/Users/user/Projects/Project_node/node_modules/express/lib/response.js:967:10)
    at Object.exports.renderFile (/Users/user/Projects/Project_node/node_modules/jade/lib/index.js:374:12)
    at View.exports.__express [as engine] (/Users/user/Projects/Project_node/node_modules/jade/lib/index.js:417:11)
    at View.render (/Users/user/Projects/Project_node/node_modules/express/lib/view.js:128:8)
    at tryRender (/Users/user/Projects/Project_node/node_modules/express/lib/application.js:640:10)
    at Function.render (/Users/user/Projects/Project_node/node_modules/express/lib/application.js:592:3)
    at ServerResponse.render (/Users/user/Projects/Project_node/node_modules/express/lib/response.js:971:7)
    at /Users/user/Projects/Project_node/app.js:51:7
    at Layer.handle_error (/Users/user/Projects/Project_node/node_modules/express/lib/router/layer.js:71:5)
    at trim_prefix (/Users/user/Projects/Project_node/node_modules/express/lib/router/index.js:315:13)
    at /Users/user/Projects/Project_node/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/Users/user/Projects/Project_node/node_modules/express/lib/router/index.js:335:12)

编辑 2：知道了。我需要接收 req.body.id、req.body.minage 等值...而不是 req.body[0].id。出现这样的错误很奇怪，但它解决了错误。

Answer 1

如果您在 postman 中看到不同的行为，那是因为 postman 直接执行 POST 而浏览器在尝试 POST.[=23 之前执行 CORS preflight OPTIONS request =]

所以这听起来像是导致 “发送后无法设置 header” 的请求，您看到的是 OPTIONS 请求，而不是 POST 请求。

您可以通过向邮递员发送 OPTIONS 请求来确认这一点，并确保还提供 Origin 请求 header 作为请求的一部分。使用 curl 你可以这样做：

curl -X OPTIONS -i -H 'Origin: http://x.y' http://localhost:3000/user/preferences

这可能会产生与浏览器请求相同的 500 错误。

至于如何修复它，我认为如果没有看到更多服务器端代码，这里的任何其他人都无法告诉您。但它似乎归结为，在您的代码中的某处，您有一个或多个地方具有处理 OPTIONS 请求的逻辑，而在该 OPTIONS 处理代码中的某处，它试图发送 headers 在他们已经发送之后。

要追踪它的位置，您似乎想要查看服务器端的服务器日志并找到发生 500 故障时记录的任何消息。

顺便说一句，在这种情况下，触发浏览器执行 COR 预检 OPTIONS 请求的是 myHeaders.append('Content-Type', 'application/json') 部分。

React Native/Node API：发送后无法设置 headers

React Native/Node API: Can't set headers after they are sent

node.js

cors

reactjs

react-native

fetch-api