解决更改Js、CSS、img后发布文件更新不及时的问题

发布时间：2019-12-24 10:50:21 修改时间：2019-12-24 10:50:21 阅读：8778 评论：0 0

解决更改Js、CSS、img后发布文件更新不及时的问题


随着浏览器性能提高，升级JS解析引擎，更好的处理浏览器的页面缓存，让用户的浏览体验更快，占用更小的PC资源。缓存机制带来的好处可见一斑。

但是相对于前端页面来说 css、js、img等内容的更新，在缓存机制下，并不能及时的更新用户浏览的界面，产生糟糕的用户体验，解决方法很多种，我来推荐一个个人认为较好的解决办法：




每次跟新代码时，给需要重新加载的给css、js、img文件加个版本号，例如：

css文件：<link rel="stylesheet" href="style.css?v=2.0" type="text/css"  media="screen"/>

js文件：<script src="assets/js/main.js?v=2.0"></script>

img图片：<img src="assets/images/lxfs.png?v=2">




网上有推荐更改文件名的，个人建议不需要。

---