假设有一个js文件(以jquery为例),在服务器上的URL地址为:../js/jquery.js 。
当某天jquery版本更新了,用最新版的jquery文件覆盖了原来旧版的jquery文件。
这时,在打开引用了此js文件的网页时,有可能引用的还是旧版,这是因为浏览器有缓存,它缓存了旧版的jquery文件。
浏览器缓存文件是以完整的URL来缓存的,也就是说,当浏览器遇到一个与之前完全一致的URL请求时,就有可能使用之前缓存下来的文件,而不是向服务器去请求文件。当然,缓存是有时效的,超过了一定的时间后,缓存将会消失。
既然是以完整的URL来缓存文件的,那么我们就可以使用不同的文件名来访问更新后的文件。
一种解决方法是,将版本号写在文件名里,比如,可将以上的jquery.js的文件名改为 jquery-3.3.0.js,其中,3.3.0就是jquery的版本号。在前端引用时,就这样写:
<script src="../js/jquery-3.3.0.js"></script>
当某天jquery的版本更新为3.3.1了,我们就将文件名修改为jquery-3.3.1。前端引用的代号同时修改为:
<script src="../js/jquery-3.3.1.js"></script>
另一种解决方法是,不修改文件名,而是将版本号放在URL的query参数里,比如这样写:
<script src="../js/jquery.js?ver=3.3.0"></script>
其中ver=3.3.0就是版本号。当jquery的版本号更新为3.3.1之后,就改写为这样:
<script src="../js/jquery.js?ver=3.3.1"></script>