后台修改js或者css文件之后，客户端刷新但是无效的问题

前端开发会遇到一个问题：修改测试前端代码的时候，有时候修改了css或者js文件，但是前端刷新的时候却没有反应，不免让人感觉是不是修改错误，其实这有可能是客户端缓存问题。解决方法：

 

1）Ctrl+F5，清除浏览器缓存（等同于浏览器-->历史数据-->删除cookies）注意：如果是利用F12中的Disable cache，则需要F12打开控制台才能生效

2）在js或css后加版本号，这时候浏览器客户端会认为这是不同版本的js或者css文件，会自动重新刷新下载（浏览器会缓存下载页面js和css文件）

　　2.1）形如：.css?v=x  或者 css?version=x     <link rel="stylesheet"  href="xx/xx.css?version=x.x.x" type="text/css" />　　

　　2.2）形如：.js?v=x  或者 css?version=x　　<script type="text/javascript" src=../...js?v=x ></script>

3）使用gulp等进行前端构建

 

转载于:https://www.cnblogs.com/hihao/p/6502745.html