redirect - Stripe 重定向到我的 SPA 会丢失所有状态
问题描述
提交 Stripe 支付表单(托管在他们的服务器上)后,重定向发生在启动它的我的 React SPA 上。它重新加载整个 SPA,丢失所有状态。我正在使用 React Router,我设置的返回地址是一个特定的 Route。我怎样才能防止它失去所有的状态?
单击表单中的取消或单击后退按钮时会发生同样的问题。
当然,我可以在启动付款页面之前将状态存储在服务器上,然后再检索它,但这是很多额外的工作。
我认为这一定是 SPA 的常见问题,但我还没有找到简单的解决方案。
解决方案
如果您的状态仅在内存中,我预计会丢失它。为了保留它,您需要将其保存在某个地方,以便在用户返回您的站点时重新加载。本地存储是一个不错的选择。
例如,如果您使用 redux 进行状态管理,您可以使用redux-persist
将您的 redux 存储保存和加载到本地存储中。
推荐阅读
- hadoop - 如何插入配置单元表,按从临时表读取的日期分区?
- java - 如何使用 Java/Springboot 在 MongoDB 中存储字符串列表
- java - 将多个 Java Swing 应用程序合并为一个
- node.js - 为什么我在 Heroku 部署的 React.js/Node.js/Express.js 应用程序上收到此 500(内部服务器错误),即使一切正常?
- javascript - 动态创建对象图
- mysql - 将 first_name 和 last_name 列中的名称截断为 1 个字符的最有效方法是什么?
- regex - 在环视中使用捕获组
- r - 带有ggplot2的for循环
- python - 计算一个单词与列表中其他单词的距离的最有效方法是什么?
- performance - 为什么 Chrome 的性能监视器中的长框架