首页 > 代码库 > 页面更新JS与CSS的缓存生效问题
页面更新JS与CSS的缓存生效问题
之前在更新线上页面时，新更新的css不生效，反复确认了线上更新情况，文件都没有错误，最后发现是样式的缓存问题。排除了浏览器的缓存，服务器也没有对页面进行缓存处理，具体缓存到了哪里尚不明确。
问了几个同事，又上网查询了一下原因，最后发现了解决办法：在css文件后加上？key=******，这样就会被识别成不同文件，重新加载，解决之前的缓存问题。
js也是同样的道理。
下面附上示例，version的值可以是时间，还可以做个记录，确定版本。
js:
<script type=”text/javascript” src=http://www.mamicode.com/”{JS文件连接地址}?version=XXXXXXXX”></script>
css:
<link rel=”stylesheet” type=”text/css” href=http://www.mamicode.com/”{CSS文件连接地址}?version=XXXXXXXX”>
页面更新JS与CSS的缓存生效问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。