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

Question

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

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

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

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

Answer 1

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

<head>

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

</head>

版本号应该用服务器端代码代替

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

Answer 2

您只需将一个部署版本添加到您的 css 文件中，这样就会将缓存从一个版本重置为另一个版本。例如。 stylesheet.css?v=2.1.1.

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

Users don't see the CSS/JavaScript changes instantly in browser

javascript

css

apache

tomcat

browser-cache