离开域并返回后如何保存我的 VueX 状态？答案

【问题标题】：How can I save my VueX state after leaving the domain and returning?离开域并返回后如何保存我的 VueX 状态？
【发布时间】：2020-11-19 11:46:20
【问题描述】：

我有一个使用 Stripe Checkout 的应用程序。当用户点击“产品”页面上的“购买”按钮时，VueX 中会存储一个值，指示选择了哪个产品，然后将请求发送到重定向到条带结帐的后端。完成后，用户将被重定向到“成功”页面。在“成功”页面中，我需要从 VueX 存储访问该变量的值，但由于页面被重定向到另一个域，我的应用程序失去了在“产品”页面上设置的状态。

最初，我尝试在没有 vueX 的情况下执行此操作，并且只使用本地存储，这也不起作用，因为重定向后数据丢失，因为重定向后子域发生了变化，但似乎同样的事情正在发生VueX 也是如此。

我能想到的唯一解决方案是将整个 vueX 存储保存到 localStorage，但我不确定这是否可行。即使在重定向到不同的域然后再到新的子域之后，如何使此变量保持不变？

【问题讨论】：

如果您关心的是跨子域，请查看此提要：stackoverflow.com/questions/4026479/…

标签： javascript vue.js local-storage cross-domain vuex

【解决方案1】：

您可以使用参数进行重定向并将它们存储在子域的 vuex 存储中，您可以在这个问题中阅读如何执行此操作：

Vue, is there a way to pass data between routes without URL params?

【讨论】：