reactjs - 如何在reactjs中处理POST请求？

Question

我的 ReactJS 应用程序在 http://localhost:3000/ 中运行.我正在将以下表单数据作为 POST 请求发送到我的 React 页面

<form action="http://localhost:3000/" method="post">
  Employee Id: <input type="text" name="eid"><br>
  Department Id: <input type="text" name="did"><br>
  <input type="submit" value="Submit">
</form>

我的 react 应用程序应该能够处理这个 POST 请求并呈现如下 UI

<h1>{eid}</h1>
<h1>{did}</h1>

我能够使用 react 路由器处理 GET 请求，但很难处理 POST 请求。我怎样才能做到这一点？

Answer 1

如果您的 React 应用程序是静态的(不是服务器端呈现的)，那这是不可能的。
当您向 React 应用程序发送一些 POST 请求时，nginx(或其他服务器)将不允许这种操作(您不能发布到静态文件)
即使您绕过该限制，react 脚本也不会从您的 POST 请求中获取任何数据，因为 nginx 将处理您的请求并仅向您返回一个带有 react 脚本的 html