Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Express 如何将POST请求响应发送回客户端(React组件)?_Express_Reactjs - Fatal编程技术网

Express 如何将POST请求响应发送回客户端(React组件)?

Express 如何将POST请求响应发送回客户端(React组件)?,express,reactjs,Express,Reactjs,我使用React向我的express服务器发送post请求,然后服务器返回响应,如下所示: app.post('/api/games', function(req, res) { return res.json(); }); 在使用该响应将其持久化到数据库之前,我希望能够看到该响应中的所有内容。当我从服务器上输入console.log时,我会打印出一长串JSON对象,但理想情况下,我想要更接近Chrome的开发工具控制台的东西,在那里我可以点击查看所有内容。如何将此响应JSON发送回我的

我使用React向我的express服务器发送post请求,然后服务器返回响应,如下所示:

app.post('/api/games', function(req, res) {
   return res.json();
});
在使用该响应将其持久化到数据库之前,我希望能够看到该响应中的所有内容。当我从服务器上输入console.log时,我会打印出一长串JSON对象,但理想情况下,我想要更接近Chrome的开发工具控制台的东西,在那里我可以点击查看所有内容。如何将此响应JSON发送回我的React组件,以便在浏览器中登录console.log

谢谢

您可以使用来调试express API


它使用Chrome开发工具,所以你会觉得自己在调试客户端

记住,
请求进入,而
响应退出

请求时,
req.body
req.params
将包含请求的body/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)
 );
});

如果你想在客户端查看你的回复,这里有一些你可以从控制台使用谷歌浏览器asides来做的事情

一,


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

谢谢,这实际上非常有用。