Javascript 保留或「；“缓存”；刷新页面时的本地状态

我的想法是减少web客户端向服务器发出的请求数量。例如，显示用户数据的视图/组件（在呈现该视图/组件之前首先检索），如果用户重新加载页面（F5），则整个应用程序将重新加载并初始化，因此再次请求服务器获取该数据，是否有办法在本地维护或“缓存”该状态

---

我不知道如何实现此功能。

您可以尝试redux presist链接：

---

或者您可以使用本地存储：

正如其他人所说，本地存储可能是您最好的选择，但我认为这不是一个好主意。如果用户重新加载页面，这对你的应用程序来说基本上是一张白纸。您可以从本地存储中获取数据，但如何知道数据仍然是最新的？无论如何，您都需要与服务器进行检查

---

您一定要研究redux/store解决方案，在该解决方案中，您可以存储数据供用户在使用您的应用程序时使用，这样您就可以在组件之间共享数据，而不必每次都获取相同的数据。但实际上，在本地存储它是一种糟糕的做法，我想。

localStorage、sessionStorage、serviceWorker都会想到将状态保存到本地存储我一直在考虑sessionStorage，因为它是私有数据，但这对于大量数据（json）来说是一个好选择吗？如何处理安全性？