Nodejs中的返回状态导致网络请求失败答案

【问题标题】：Return status in Nodejs caused Network request failedNodejs中的返回状态导致网络请求失败
【发布时间】：2019-09-26 00:29:05
【问题描述】：

这是一个关于 Nodejs (10.16) 和 express (4.16.4) 中的 return 的新手问题，前端是 react native 0.59。这是Nodejs服务器上查询成功后返回状态200的代码：

router.post('/new', [auth_deviceid, auth_userinfo, auth_role(['admin', 'eventer', 'messager'])], async (req, res) => {
    //prepare obj msg....

    try {
        await msg.save();
        msg.user_name = req.body.alias;
        msg.user_avatar = req.user.user_data.avatar;
        const io = req.app.get("io");
        const socket_id = req.body.socket_id;
        const socket = io.sockets.connected[socket_id];
        const room = msg.event_id.toString();
        socket.join(room);
        socket.to(room).emit("event message", msg); 
        console.log("after emit to room : ", room); //<<<==this line shown in console screen
        return res.status(200); //<<<=== hang here with no error thrown. But instead  res.status(200).send("I am ok") is working.
    } catch (err) {
        console.log("Error in saving/braodcasting a new message", err);
        return res.status(400).send(err.message);
    };

});

上面的代码是用下面的代码在 react native 中调用的：

async _onSend(messages = []) {
      //do something...

      let obj = JSON.stringify({
        _device_id: DeviceInfo.getUniqueID(),
        sender_id: this.state.myself.id,
        sender_grpmember_id:(this.props.grpmember_id || this.props.navigation.state.params.grpmember_id),
        alias:this.props.alias,
        socket_id: this.props.socket.id,
        data: {
          msg_body:messages[0].text,
          upload_content_info: ""
        },
        event_id: this.props.navigation.state.params.eventId,
        _grpmember_id:(this.props.grpmember_id || this.props.navigation.state.params.grpmember_id),
        _group_id:(this.props.group_id || this.props.navigation.state.params.group_id),
      });
      try {
        let url = `${GLOBAL.BASE_URL}/api/messages/new`;
        console.log("Chat message URL : ", obj);
        let res = await fetch(url, {
          method: "POST",
           headers: {
            'Accept': 'application/json, text/plain',
            'Content-Type': 'application/json',   
            "x-auth-token": result.password,
            "x-auth-secret" : result.username,
          },
          body: obj,
        });
      }
      catch (err) {
        console.log("Error in saving message : ", err);
      };
    }

在控制台屏幕上，收到以下错误：

09-25 17:19:20.325 15181 15252 I ReactNativeJS: 'Chat message URL : ', '{"_device_id":"0cfce7b7e86fa397","sender_id":1,"sender_grpmember_id":1,"alias":"jc","socket_id":"z-8JjwQvKo6ed57KAAAB","data":{"msg_body":"hello","upload_content_info":""},"event_id":1,"_grpmember_id":1,"_group_id":"1"}'
09-25 17:19:20.345 15181 15252 I ReactNativeJS: In GiftedChat render :
09-25 17:20:35.554 15181 15252 I ReactNativeJS: 'Error in saving message : ', { [TypeError: Network request failed]
09-25 17:20:35.554 15181 15252 I ReactNativeJS:   line: 24115,
09-25 17:20:35.554 15181 15252 I ReactNativeJS:   column: 31,
09-25 17:20:35.554 15181 15252 I ReactNativeJS:   sourceURL: 'http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false' }

为什么return res.status(200) 会导致Network request failed 的错误？

【问题讨论】：

可能是超时或者服务器无返回错误。它没有使用res.status(200) 发送任何内容，请改用res.sendStatus(200)。

标签： node.js react-native express

【解决方案1】：

您的请求大约需要 15 秒，正如您所指出的，return res.status(200); 只需为响应设置 http 状态代码，即可完成您将使用 res.json、res.send 或 res.end 的请求。

在这种情况下，我认为你只需要发送一个成功的http状态码是200，

您可以使用res.sendStatus(200);（res.sendStatus 是实现res.status 和res.send 的简写）代替res.status(200)。

【讨论】：