ReactJS - 使用反应路由器 dom 处理 POST 请求

Question

有没有办法POST使用react-router-dom（npm）库处理请求？

为什么？支付网关会将成功支付的用户重定向回平台。我可以使用GETorPOST请求通过重定向页面传输数据。但我不喜欢在 URL 中显示数据。其他选项总是受欢迎的，我正在使用 REST API（Node.JS、Express）和网站/仪表板（ReactJS）

Answer 1

您可以在 Express 服务器上处理 POST 请求，然后重定向到应用程序的静态页面：

app.post('/payment_webhook', (req, res) => {
    const paymentOk = req.body.payment // handle POST data
    if (paymentOk) {
        res.redirect('http://app.com/payment_success');
    } else {
        res.redirect('http://app.com/payment_failed');
    }
});

Answer 2

我明白你想要什么，但你不能POST浏览器。如果您不喜欢GET在 URL 中将数据作为参数传递，您可以：

1. 用户提交时将数据存储在 LocalStorage 中
2. 重定向时提供服务器呈现的静态 HTML，其中包含购买信息
3. 使用 AJAX 或fetch()（或您最喜欢的数据抓取工具）在页面加载时异步获取用户的购买数据。

由于您处于 React 世界，因此我建议您使用第三种选择。如何获取数据，构建 API 端点，存储数据，然后显示它远远超出了这个问题的范围，所以我建议使用一些谷歌搜索。这是一个起点：https : //code.tutsplus.com/tutorials/introduction-to-api-calls-with-react-and-axios--cms-21027