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

Question

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

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

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

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

Answer 1

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

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

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