VueJS：缓存HTTP响应数据的最佳方法

Question

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

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

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

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

Answer 1

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

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

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