刷新页面时在本地保持或“缓存”状态

Question

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

我不知道该怎么实现。

Answer 1

您可以尝试使用redux presist链接：https://github.com/rt2zz/redux-persist 或者您可以使用localstorage：https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Answer 2

就像其他人所说的那样，本地存储可能是最好的选择，但是我认为这不是一个好主意。如果用户重新加载页面，则实质上是您的应用空白。您可以从本地存储中获取数据，但是您如何知道它仍是最新的呢？无论如何，您都需要向服务器查询。

您绝对应该研究一个redux / store解决方案，您可以在其中存储数据供用户使用时使用 ，这样您就可以在组件之间共享数据，而不必获取每次都有相同的数据。但实际上，将其存储在本地只是不道德行为的后果，IMO。