reactjs - 如何使用服务工作者缓存 axios get 方法响应,直到响应被修改
问题描述
我如何从我自己的网站源缓存每个文件(大字体和图像),这样它就不会一遍又一遍地下载相同的文件,但我想确保它在更新时会下载。
塞纳里奥:
- 例如,假设我有 3 个字体和 2 个图像,我也使用 axios。我第一次加载页面,所有这 5 个都被下载了。现在我重新加载,所有这 5 个都从缓存中获取,没有一个被下载。但是几天后,现在用户打开网站,我对其中一种字体和其中一张图像进行了一些更改。我希望服务人员只下载 2 个更改的文件并从缓存中提供其他未更改的文件。
尝试:
我已经在使用 axios 来获取一些文件,问题是它会在页面重新加载时一遍又一遍地下载所有内容。
我还尝试使用服务人员并给它一个缓存名称。它确实会阻止 axios 下载缓存文件,但如果我更改文件,我应该更新缓存名称,这将迫使用户在他们返回新版本的网站时再次下载所有内容(但仅再次下载)。
任何帮助将不胜感激<3