Question

我正在使用React向我的快递服务器发送一个帖子请求，然后返回一个响应，如下所示：

app.post('/api/games', function(req, res) {
   return res.json();
});

在我使用该响应将其持久保存到数据库之前，我希望能够看到该响应中的所有内容。当我从服务器上调试它时，我会得到一个打印的JSON对象的长列表，但理想情况下，我会更喜欢更接近Chrome的开发工具控制台，在那里我可以点击并检查所有内容。如何将此响应JSON发送回我的React组件，以便我可以在浏览器中控制它。？

谢谢！

Answer 1

您可以使用node-inspector来调试快速API。

它使用Chrome开发工具，因此您可能会觉得自己正在调试客户端！

Answer 2

请记住，response进来，req.body熄灭。

根据请求，req.params和res.json({someJSONHere})将包含请求的正文/参数。

要回复请求，请使用res.send({someJson})，也可以console.log

您也可以在服务器内app.post('/api/games', function(req, res) { console.log(req.params) console.log(req.body) return res.json( Object.assign({}, req.body, req.params) ); });并观看终端上的输出

  "class_details":{
      "class_1":{
          "student_4":"<name>",
          "student_3":"<name>",
          "student_2":"<name>",
          "student_1":"<name>"
       },
       "class_2":{
           "student_1":"<name>"
       },
       "class_0":{
           "student_2":"<name>",
           "student_1":"<name>"
       }
   }

Express request/response Documentation

Answer 3

如果您想在客户端层中查看您的回复，可以使用控制台中的GoogleChrome进行一些操作

1 Use React Developer Tools

2我喜欢使用Postman来查看和操作请求/响应

如何将POST请求响应发送回客户端（React组件）？

3 个答案: