用户不会在浏览器中立即看到 CSS/JavaScript 更改答案

【问题标题】：Users don't see the CSS/JavaScript changes instantly in browser用户不会在浏览器中立即看到 CSS/JavaScript 更改
【发布时间】：2017-01-19 12:31:40
【问题描述】：

我正在使用 Spring MVC 和 Hibernate 开发一个 Web 应用程序，并将其部署在 Apache Tomcat 8 中。

我的用户使用谷歌浏览器正常使用我的应用程序，但是当我对 CSS 或 JavaScript 进行更改并将更改重新部署到 tomcat 时，用户在他们的浏览器中看不到更改！

所以我必须手动清理 Chrome 中的缓存。

如何禁用缓存，以便我可以进行更改并让我的用户立即看到它们？

【问题讨论】：

参见例如keycdn.com/blog/http-cache-headers。不过，您可能需要确保为生产系统选择适当的缓存属性。
How can I force clients to refresh JavaScript files?的可能重复

标签： javascript css apache tomcat browser-cache

【解决方案1】：

您可以将部署版本添加到您的 css 文件中，这样会在版本之间重置缓存。例如。 stylesheet.css?v=2.1.1.

【讨论】：

【解决方案2】：

您应该尝试在您的 css/js 的脚本/链接 rels 上添加版本号或时间戳日期更改，如下所示：

<head>

   <script type="text/javascript" src="js/file.js?#version_number"></script>
   <link rel ="stylesheet" href="css/file.css?#version_number" />

</head>

版本号应替换为服务器端代码

这会强制浏览器每次重新加载脚本，而不是使用脚本/样式表的存储缓存版本

【讨论】：