在已构建的SPA中禁用缓存

Question

工作原理：我构建应用程序，并使用FTP将其置于联机状态。问题是，浏览器缓存旧版本的React应用程序。

要使用新版本，我必须手动清除缓存。显然，用户不会知道如何做到这一点。

如何禁用代码的缓存？

我正在使用linuxpl.com托管。我真的不知道我应该包括什么，如果你需要一些信息，请告诉我，我会提供。

Answer 1

要强制浏览器“清除”其缓存，您可以在每次创建构建时生成唯一的文件名。

如果你使用webpack来创建一个生产版本 - 你可以阅读更多如何处理它here。

Answer 2

您的服务器可以告诉浏览器不要缓存项目。在NGINX（或任何你正在运行的服务器）中，你需要添加一个标题

add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';

以便浏览器知道总是获取新版本。