解决浏览器加载js文件有缓存的方法

大家会发现，有时候在项目里修改了js文件的代码，然后到浏览器上面或者手机上查看效果时，会没有用，除非清掉浏览器缓存或者手机缓存，才会有效果，但是清缓存会很苦逼，往往会清掉一些有用的信息，比如网站的cookies，账号密码等。
原来，浏览器加载js文件是根据路径加载，首先根据路径在缓存里查找。比如

<script src="/public/js/rank.js"></script>
1

这个路径下的rank.js文件，如果只是在文件里做了修改，上传到正式线上去，没有更改过src里面的路径，也没有清缓存的话，往往是不会生效的。
那最常用的一种解决方案就是在路径后面加一个版本号参数，比如

<script src="/public/js/rank.js?v=1"></script>
1

这样子，浏览器在下次加载的时候发现路径变了，等于在缓存里找不到，就会重新加载rank.js文件的内容了，从而实现效果更新。