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"/>
网友评论