未能执行“pushState”“历史”的错误

Question

我正在使用＜code＞窗口。JavascriptMVC应用程序中的历史记录，为每个控制器启用后退/前进/刷新功能。每次加载新控制器时，我都在使用＜code＞window.history。按下状态，将新状态添加到历史记录中。然后在返回/刷新时，我使用保存的状态并重用数据来再次构建控制器。

除了一个特定场景的问题外，整个想法都很好。我得到以下错误:

未能执行“pushState”“历史”:一个obj

在其他场景中添加相同的数据没有问题。什么会导致这个错误？谢谢你的帮助。

Answer 1

试图通过在queryParams对象:

this.router.navigate(['yourRoute'], { queryParams: objectToPass});

这适合我。

Answer 2

window.history。pushState字符串大小限制为640k个字符。

最好切换到本地存储或会话存储。

来源:https://developer . Mozilla . org/en-US/docs/Web/API/History/pushState

Answer 3

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

状态对象可以是任何可以序列化的东西。因为Firefox将状态对象保存到用户的磁盘上，以便在用户重新启动浏览器后可以恢复它们，所以我们对状态对象的序列化表示施加了640k字符的大小限制。如果将序列化表示形式大于此值的状态对象传递给pushState()，该方法将引发异常。如果您需要比这更多的空间，建议您使用会话存储和/或本地存储。

看起来简单的答案是，你传入的状态可能被序列化到大于640k。我刚刚遇到了这个bug，我几乎可以肯定这就是原因。