使用Vite-React创建的Web应用程序使用用户浏览器中的缓存图像和文件，而不是更新和推送后的新版本

Question

我有一个使用 Vite 创建的 React 应用程序。一切都运行良好，除了当我们的用户访问我们的网站时，如果他们在网站尝试从缓存中提取所有图像和文件而不是提取更新中更改的文件之前已经访问过该网站。

有没有办法在我们发布更新后强制浏览器重新拉取所有文件而不是使用缓存的文件？

我已经在 package.json 中更新了应用程序的版本号，但这没有帮助。让事情正常工作的唯一方法是用户手动进入历史记录并清除缓存。

Answer 1

浏览器有缓存和 cloudflare 或您的服务器（nginx 等）强制使用。

1. 您可以在文件后附加版本控制，例如

   <img src='mypic.webp?02

2. Cloudflare 或其他代理具有清除缓存选项。
3. 你可以检查Etag，它可能对长期有帮助