web网站上线后,经常需要更新js,css,img等静态文件,但浏览器又会缓存这些静态文件,如何在更新时让浏览器获取到最新的文件呢?
1.如果在每个静态文件后面加上一个版本号
<script type="text/javascript" src="/js/confirm.js?v=2019"></script>
<link rel="stylesheet" href="css/question.css?v=2019">
统一配置,那每次更新版本,所有的静态文件都会一起更新。
css文件后面的问号起不到实际作用,仅能当作后缀。
使用版本号参数的作用
①客户端会缓存css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件,起到刷新缓存的作用。
②脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。
2.更换不同的css,js文件名
修改前:
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
修改后:
<link rel="stylesheet" href="style2.css" type="text/css" media="screen"/>