给HTML文件设置缓存头

最新推荐文章于 2023-01-10 15:22:07 发布
最新推荐文章于 2023-01-10 15:22:07 发布
阅读量513 收藏
点赞数 1
分类专栏： javascript html 文章标签： 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45178972/article/details/120896724
版权

什么时候浏览器会自动在请求头加上Cache-Control:max-age=0

在当前页面手动刷新的时候，浏览器会在请求头自动加上 Cache-Control:max-age=0 。
而如果是在新标签页去访问是不会加的。
所以可能版本上线后，用户访问的还是旧版本。

所以咋整

访问某个url时，如果这个url对应的资源是可能变化的，那就要在上线时设好缓存头 Cache-Control:max-age=0 ，不要依赖浏览器默认行为

Jookerone
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html前端页面缓存处理,浅谈微信页面入口文件被缓存解决方案
weixin_35890184的博客
06-03 662
缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式，一般情况1、添加版本号，在静态资源文件的引用链接后面添加版本号，这样每次发布的时候更新版本号，就能让叫客户端加载新的资源文件，避免再次使用缓存的老文件，如2、文件名使用hash形式，webpack中打包文件可直接生成，这样每次打包发布的时...
禁止IIS缓存静态文件的方法(png,js,html等)
09-30
IIS为了提高性能，默认情况下会对静态文件js，html，gif，png等做内部缓存，这个缓存是在服务器iis进程的内存中的。
HTML的meta设置缓存
weixin_33711641的博客
06-25 942
2019独角兽企业重金招聘Python工程师标准>>> ...
# html页面head缓存设置
weixin_43097301的博客
04-06 2402
html页面缓存设置 html头文件设置常用之： <meta> 设置缓存 <meta http-equiv="pragma" content="no-cache"> pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.) <meta http-e...
设置html 头 缓存,html头文件设置常用之<meta>设置缓存
weixin_40005542的博客
06-29 375
,pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.),常见的取值有private、no-cache、max-age、must-revalidate等，默认为private,其作用根据不同的重新浏览方式分为以下几种情况：1) 打开新窗口 值为private、no-cache、m...
html缓存机制，http头部控制
小结巴巴的博客
09-27 788
&#13; 1.缓存分类：服务器缓存(协商缓存)，第三方缓存，浏览器缓存(强制缓存)&#13; 2.浏览器缓存(添加 meta)，设置请求指定的http头部信息。（状态码200，from cache , from dist）&#13;  2.服务器缓存 （状态码 304 ）&#13; 3.http头部属性&#13;  &#13; 　　Expires:设置缓存时间(某一个时间点...
让html页面不缓存js的实现方法
10-25
主要介绍了让html页面不缓存js的实现方法,分析了HTML页面缓存js的原理,并由此分析实现不缓存js的方法,是非常实用的技巧,需要的朋友可以参考下
HTML页面自动清理js、css文件的缓存（自动添加版本号）
09-28
主要介绍了HTML页面自动清理js、css文件的缓存（自动添加版本号）,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Spring Boot Web 静态文件缓存处理的方法
08-27
本篇文章主要介绍了Spring Boot Web 静态文件缓存处理的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
常用PHP函数系列五:设置页面HTML的头部缓存信息和时间
Mad_Geek
02-10 612
/** *设置浏览器缓存 * @param int $cachetime **/ function LeverageBrowserCaching($cachetime = 60) { if ($_SERVER['HTTP_IF_MODIFIED_SINCE'] != NULL && ((strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE'])) +
html缓存特效代码,网页缓冲效果特效代码
weixin_35377028的博客
06-04 311
Untitled Documentbody { font-size:12px}#box { background:#FFFFCC; border:1px solid #FFCC66; width:600px; height:100px;display:none; text-align:right; margin:2px; overflow:hidden}#box2 { background:#CD...
html设置http缓存代码
Museions的开心博客
06-30 2万+
前端设置http缓存,前端设置html页面缓存方法：静态的html页面想要设置使用缓存需要通过HTTP的META设置expires和cache-control 设置如下网页元信息: &lt;meta http-equiv="Cache-Control" content="max-age=7200" /&gt; &lt;meta http-equiv="Expires" content="Mon,...
html缓存效果代码,HTML5: 本地缓存(示例代码)
weixin_42509105的博客
06-04 169
HTML5 提供了两种在client存储数据的新对象：localStorage：没有时间限制的数据存储，在同一个浏览器中，仅仅要没被手动清理，第二天、第二周或下一年之后，数据依旧可用。sessionStorage：针对一个 session 的数据存储。针对一个 session 进行数据存储。当用户关闭浏览器窗体后，数据会被删除(并且仅仅在当前窗体有效)。下面是使用这两个对象的样例：在client存...
html缓存效果代码,html5缓存(示例代码)
weixin_36166714的博客
06-04 132
HTML5 提供了两种在client存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储这些都是由 cookie 完毕的。可是 cookie 不适合大量数据的存储，以下一起来看一个localStorage 存储json对象存储格式问题的解决的方法var obj= [{ "name": "a张三", "addr...
Cache-Control max-age=0
ysdaniel的专栏
09-12 3万+
Cache-Control max-age=0   Cache-Control  no-cache — 强制每次请求直接发送给源服务器，而不经过本地缓存版本的校验。这对于需要确认认证应用很有用（可以和public结合使用），或者严格要求使用最新数据 的应用（不惜牺牲使用缓存的所有好处） Pragma 当"no-cache"出现在请求消息中时，应用程序应当向原始服务器推送此请求，
浏览器http请求缓存，cache-control是服务器设置，还是浏览器设置
qq_17335549的博客
01-10 2695
浏览器http请求缓存，cache-control是服务器设置，还是浏览器设置
网站header头信息中Cache-Control max-age=0是什么意思？
空白_回忆的博客
07-13 1万+
网站header头信息中Cache-Control max-age=0是什么意思？Cache-Control no-cache — 强制每次请求直接发送给源服务器，而不经过本地缓存版本的校验。这对于需要确认认证应用很有用（可以和public结合使用），或者严格要求使用最新数据 的应用（不惜牺牲使用缓存的所有好处） Pragma 当”no-cache”出现在请求消息中时，应用程序应当向原始服务器推送
nginx http请求头部组合写法add_header组合写法
宇飞林海的博客
07-03 1198
#组合前的http 请求 add_header Cache-Control max-age=0; add_header Cache-Control must-revalidate; add_header Cache-Control private; add_header Cache-Control no-cache; add_header Cache-Control no-store; #组合后 add_header Cache-Control 'max-age=0...
全面解决Html页面缓存的问题
热门推荐
lihui4291的博客
05-26 3万+
页面缓存的问题可能大家都遇到过，很多功能做完没起效果，那么怎么解决这个问题呢?这里给出我的使用的解决方法 对于一个html页面，缓存分3部分，一个是页面内容，一个是css样式，一个是JS文件 1、页面内容 2、CSS和JS文件 改成 就是只要在每次修改后改一下版本号即可 这样每次修改后都要改，有没有自动加版本号的东西，估计有，如果是JSP和p
nginx 取消所有html文件的缓存
最新发布
05-31
要取消所有 HTML 文件的缓存，可以在 Nginx 的配置文件中添加以下配置： ``` location ~* \.html$ { expires -1; add_header Cache-Control "no-cache, no-store, must-revalidate"; add_header Pragma "no-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值