首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

response headers添加Cache-Control 和request headers添加Cache-Control 到底有啥区别

前言 缓存是一个复合的概念,本文是http缓存系列文章之一,仅讨论Cache-Control这个字段的两个值:no-cache和max-age=0的区别。...关于Cache-Control更全面的介绍,请点击这里。 本文实验代码的运行方式,参考这里。...特别要注意:刷新触发不了Cache-Control(原因),要查看Cache-Control的效果必须(我是这么做的): 再打开一个tab 在新的tab上,先打开chrome-dev,调到Network...相关的源码在这里 response添加Cache-Control 首先我们通过给response headers添加Cache-Control,以此来实现缓存。...var myRequest = new Request('/api', { headers: { 'Cache-Control': 'no-cache' } }) 重复上面步骤,这次发现

3.8K00
您找到你想要的搜索结果了吗?
是的
没有找到

HTTP缓存(Cache-Control、Expires 、ETag)

HTTP缓存 HTTP缓存( ETag、Cache-Control)——谷歌开发者 HTTP缓存有利于web性能优化 Cache-Control 例子 假设我们首页有一个请求,请求js文件 <script...接下来在响应里设置响应头 Cache-Control: max-age=30 刷新两次首页 ?...Expires Expires 是以前用来控制缓存的http头,Cache-Control是新版的API。 现在首选 Cache-Control。...注意: 因为过期标准的时间用的是本地时间,所以不靠谱,所以要游侠使用Cache-Control代替Expires 区别 Cache-Control设置时间长度 Expires 设置时间点 详细:Expires...HTTP 304 没有响应体,因为不需要下载响应内容,直接用缓存就行了 ETag与 Cache-Control的区别 假设我们请求两个文件,CSS文件使用Cache-Control缓存,js文件使用ETag

5.1K50

Cache-Control 请求头与浏览器强制刷新

Cache-Control 作为「响应头」,用以控制缓存策略,这也是前端 HTTP 缓存策略的基础。 但是你知道 Cache-Control 也可以作为「请求头」吗,以及它作为请求头有何作用?...类似响应头 Cache-Control: no-store。...我们分别将测试以下三种情况: 请求头配置 Cache-Control: max-age=0 请求头配置 Cache-Control: no-cache 请求头不配置 Cache-Control 指令 fetch...作业 cache-control: no-cache 作为请求头以及响应头时分别是什么意思 cache-control: no-cache 与 cache-control: max-age=0 作为请求头有何区别...在浏览器控制台分别携带 cache-control 两种请求头发送请求,对比区别 浏览器中的正常重新加载与硬性重新加载,观察控制台中 cache-control 请求头

1.6K30

你了解 Cache-Control 作为请求头是什么意思吗?

Cache-Control 作为「响应头」,用以控制缓存策略,这也是前端 HTTP 缓存策略的基础。 但是你知道 Cache-Control 也可以作为「请求头」吗,以及它作为请求头有何作用?...可参考 MDN cache-control directives1 图片 1. no-cache/max-age=0 Cache-Control: no-cache 作为请求头,表示即便在客户端拥有未过期的缓存...通过使用 fetch 发送请求,并通过 headers 控制请求头 cache-control,在控制台中进行测试,并在网络面板检测网络状况。...实际上的实现是每次发送请求携带 Cache-Control: max-age=0 头部。 :硬性重新加载。...作业 cache-control: no-cache 作为请求头以及响应头时分别是什么意思 参考资料 [1] MDN cache-control directives:https://developer.mozilla.org

1.8K50

Http响应头里Cache-Control:no-cache、max-age=””和no-store

响应头:Cache-Control:no-cache,强制每次请求直接发送给源服务器,而不经过本地缓存版本的校验。...浏览器通知服务器,本地没有缓存数据 //=============================================================================== cache-control...通俗解释: 响应头中的 Cache-Control:max-age=315360000 是通知浏览器:315360000 秒之内不要烦我,自己从缓冲区中刷新。...HTTP1.1 HTTP1.1中启用Cache-Control 来控制页面的缓存与否,这里介绍几个常用的参数: no-cache,浏览器和缓存服务器都不应该缓存页面信息; public,浏览器和缓存服务器都可以缓存页面信息...; no-store,请求和响应的信息都不应该被存储在对方的磁盘系统中; must-revalidate,对于客户机的每次请求,代理服务器必须想服务器验证缓存是否过时 目前Cache-Control请求字段被各个浏览器支持的较好

3.4K00

HTTP缓存机制的Etag、Last-Modified、If-None-Match和If-Modified-Since、Expires和Cache-Control笔记

,我们来学习几个知识点Expires和Cache-Control。...所以,建议Expires结合Cache-Control一起使用,大型网站中一起使用的情况比较多见。 Cache-Control: 该字段是HTTP/1.1协议中的,可以是请求头中的或者响应头中的字段。...Cache-Control是一个复杂的野兽,具有许多内置功能。 99%的情况下,只需要“cacheability”(可缓存性)和“max-age”。...Cache-Control相对于Expires更加具体,细致。若同时设置了Cache-Control和Expires,Cache-Control的优先级高于Expires。...Cache-Control:no-cache 也适用于客户端发出的请求。它是浏览器告诉服务器和任何中间缓存它想要新资源的一种手段。

1.1K20

HTTP 头部字段 Cache Control max-age = 0 和 no-cache 的区别

再观察请求的头部字段:cache-control: max-age=0 标头 Cache-Control: max-age=0 暗示内容立即被认为是陈旧的(并且必须重新获取),这实际上与 Cache-Control...首先了解 cache-control 的几种可能的值: no-cache: 这会指示浏览器每次使用 URL 的缓存版本之前都必须与服务器重新验证。...Cache-Control 标头有两个方面。 一侧是它可以由网络服务器(又名“原始服务器”)发送的地方。 另一端是浏览器可以发送的地方(又名“用户代理”)。...When sent by the user agent 如果用户代理使用 Cache-Control: max-age=0(又名“端到端重新验证”)发送请求,那么沿途的每个缓存都将重新验证其缓存条目(例如...另一方面,使用 Cache-Control: no-cache(又名“端到端重新加载”)发送请求不会重新验证,并且服务器在响应时不得使用缓存副本。 更多Jerry的原创文章,尽在:“汪子熙”:

2.9K30

跟我一起探索 HTTP-HTTP缓存

启发式缓存是在 Cache-Control 被广泛采用之前出现的一种解决方法,基本上所有响应都应明确指定 Cache-Control 标头。...为确保默认情况下始终传输最新版本的资源,通常的做法是让默认的 Cache-Control 值包含 no-cache: Cache-Control: no-cache 另外,如果服务实现了 cookie...36 cache-control max-age=0 37 cache-control max-age=604800 38 cache-control max-age=2592000 39 cache-control...no-cache 40 cache-control no-store 41 cache-control public, max-age=31536000 如果你选择其中一个编号选项,则可以在通过 HTTP3...Cache-Control: public, max-age=31536000 Cache-Control: immutable 主要资源 与子资源不同,主资源不能使用缓存破坏,因为它们的 URL 不能像子资源

21051
领券