VueJS：缓存 http 响应数据的最佳方式

Question

我正在寻找一种在 VueJS 中缓存 http 响应数据的最佳方式，现在我将 Vuex Store 用于我的博客。我想在请求到服务器时缓存所有响应数据。

具体来说，这是我的博客：

当我使用 1、3、4 通过路由器向博客详细信息请求数据时，我有响应数据。如何缓存它然后我在同一个会话中重新路由到 1、3、4，它不会重新获取数据并获取数据缓存以显示？

现在我使用 Vuex，如果必须存储太多数据，我认为它会很慢。

Answer 1

Service Workers 就是为此而构建的。他们可以拦截和缓存您页面上的所有请求。通过一些额外的工作，您可以轻松添加离线功能。

您也可以将Cache API 与window.caches 一起使用，但请注意浏览器支持。

另一种方法是使用 LocalStorage/IndexedDB 手动存储您的响应，但这需要更多的工作。