html强制清除缓存的解决方法
html强制清缓存,要求每次打开时清除页面的缓存。在HTML标签设置HTTP头信息说明:no-cache强制缓存从服务器上获取新的页面no-store在任何环境下缓存不保存
设置HTML强制清除缓存
1<metahttp-equiv="Cache-Control"content="no-cache,no-store,must-revalidate"/> 2<metahttp-equiv="Pragma"content="no-cache"/> 3<metahttp-equiv="Expires"content="0"/> 4<metahttp-equiv="X-UA-Compatible"content="IE=edge">
但不保证是百分百正确。在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本,使用新的版本号的时候,发现html里面引用的版本号却是旧的版本号,原来是该html文件被缓存了,很多时候我们设置禁止html文件被缓存,但依然会出现被缓存的情况。
强制清除缓存为什么失效
为什么我们有时候设置了<metahttp-equiv="Cache-control"content="no-store">这种强制性禁止缓存,我们的页面依然被缓存了?
因为我们只关注了客户端,却忽略了服务器端的设置,如果服务器端nginx设置了Cache-control,他是会覆盖掉我们页面中设置的的Cache-control的,所以有时候我们会发现明明css和js已经加了版本号,但是html文件里面引用的依然是旧的css和js文件,
因为服务器的缓存机制,旧的css和js并不会被立即删除,这种情况下,我们需要和服务器端(或者运维)人员协商一个统一的缓存策略,以保证更新可以及时得到效果,
如果沟通不顺利,或者想立刻看到效果,可以试试<metahttp-equiv="Pragma"content="no-cache"/>如果服务器端没有去设置Pragma,我们设置的Pragma依然有效。
文章版权声明
1、本网站名称:阿V编程
2、本站永久网址:https://www.1892zyw.com
3、本网站的部分文章内容/部分资源可能来源于网络,仅提供给大家学习或参考,如有侵权,请联系站长QQ进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,如有发现请向站长举报