首页 > 解决方案 > Stripe 重定向到我的 SPA 会丢失所有状态

问题描述

提交 Stripe 支付表单(托管在他们的服务器上)后,重定向发生在启动它的我的 React SPA 上。它重新加载整个 SPA,丢失所有状态。我正在使用 React Router,我设置的返回地址是一个特定的 Route。我怎样才能防止它失去所有的状态?

单击表单中的取消或单击后退按钮时会发生同样的问题。

当然,我可以在启动付款页面之前将状态存储在服务器上,然后再检索它,但这是很多额外的工作。

我认为这一定是 SPA 的常见问题,但我还没有找到简单的解决方案。

标签: redirectsingle-page-applicationstripe-payments

解决方案


如果您的状态仅在内存中,我预计会丢失它。为了保留它,您需要将其保存在某个地方,以便在用户返回您的站点时重新加载。本地存储是一个不错的选择。

例如,如果您使用 redux 进行状态管理,您可以使用redux-persist将您的 redux 存储保存和加载到本地存储中。

https://www.npmjs.com/package/redux-persist


推荐阅读