前端开发入门到实战：html强制清缓存

设置HTML强制清楚缓存

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">

但是也不保证是百分百正确。在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本，使用心得版本号的时候，发现html里面引用的版本号却是旧的版本号 ，原来是该html文件被缓存了,很多时候我们设置禁止html文件被缓存,但依然会出现被缓存的情况。

为什么我们有时候设置了<meta http-equiv="Cache-control" content="no-store">这种强制性禁止缓存,我们的页面依然被缓存了？

因为我们只关注了客户端,却忽略了服务器端的设置,如果服务器端nginx设置了Cache-control,他是会覆盖掉我们页面中设置的的Cache-control的,所以有时候我们会发现明明css和js已经加了版本号,但是html文件里面引用的依然是旧的css和js文件，

因为服务器的缓存机制,旧的css和js并不会被立即删除,这种情况下, 我们需要和服务器端(或者运维)人员协商一个统一的缓存策略,以保证更新可以及时得到效果,

如果沟通不顺利，或者想立刻看到效果，可以试试<meta http-equiv="Pragma" content="no-cache"/> 如果服务器端没有去设置Pragma,我们设置的Pragma依然有效。

自己是一个6年的前端工程师,希望本文对你有帮助！

这里推荐一下我的前端学习交流扣qun：731771211 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，每天分享技术

点击：加入