javascript - 强制客户端浏览器重新下载我们的 asp.net web 应用程序的 .css 和 .js 文件的优雅方式(不完全禁用缓存)

Question

我们的 asp.net 网络应用程序允许我们的(大型).css 和 .js 文件由客户端浏览器缓存以提高性能。

但是每当我们部署一个新版本时，我们都会接到用户的电话，说页面看起来很乱并且充满了 javascript 错误。事实证明，他们的浏览器并没有重新下载更改后的 .css 和 .js 文件。 Ctrl-F5 总能修复它。

有没有办法在升级部署后强制重新下载，而不将其设置为不缓存(从而减慢我们的应用程序速度)？

我发现了这一点(每次部署都手动更改对每个文件的引用): How do I force a given file to expire in the cache?

和这个(同样的事情，但在每个页面加载时计算校验和): Needed advice on how to implement js/css versioning

但肯定有比这更合理的解决方案......？

Answer 1

在文件中设置版本号对我们来说效果很好:

<script type="text/javascript" src="somefile.js?v=1.0"></script>

只要您在每次“发布”时更改版本号，浏览器就会认为它是一个新文件。

您可以通过简单地在全局文件(如配置文件或其他文件)中包含一个版本号，然后在您希望的每个脚本/css 标记上设置变量来做到这一点。