nuxtjs中有没有办法用axios缓存JSON数据？

Question

您好，我有一个简单的 get 请求来从 json 获取数据。我在我的应用程序的几个地方使用它。数据不经常更改，那么有没有一种简单的方法如何仅针对此请求缓存此 json？

this.$axios.get(`${ url }/data.json`)
            .then((response) => {
                    this.dataResponse = response.data.response
                }
            )

我寻找带有“axios-cache-plugin”等插件的解决方案，但说实话，我不确定它的正确方法。

站点位于 Nuxt 2.14.12，我使用 Axios 模块 "@nuxtjs/axios": "^5.12.5"

谢谢

Answer 1

你希望你的 SSR 应用程序更快，有缓存就很好。

我认为您正在寻找

axios-extensions

：https://github.com/kuitos/axios-extensions

axios-extensions 不仅提供缓存插件，还提供：错误重试、请求节流插件。

顺便说一句，一些让你的 SSR 应用程序更稳定、更快的技巧：

1. 错误重试：当您的

   GET

   数据请求错误时，给它一个重试的机会。
2. 如果重试后仍出现

   GET

   数据请求错误，请使用之前成功的- -请求数据，以确保网站不会显示错误页面或崩溃。
3. 有些请求响应大小很大，不需要实时，为了加快速度，我们可以提前返回缓存并在后台运行抓取
4. 删除重复请求。

提示来自：https://medium.com/p/8a8f61f30ec5（不仅适用于 Next.js）