Expires和Cache-Control的理解，另加备注

转载自： https://blog.csdn.net/u013160932/article/details/50682576
最近在学Nginx，学到有个地方式设置响应头信息，其中有两项是设置Expires和Cache-Control，来设置缓存时间，后来发现"并没有什么卵用"，于是就搜了下资料，把整个思路理顺了。

由于是讲讲Expires和Cache-Control这两个响应头的作用，所以具体怎么添加就不展开，每种语言都有自己的做法，而我刚好在学Nginx，所以就使用Nginx来添加响应头了。

首先，先将浏览器的缓存给清掉，然后浏览一个静态网页(包含一个js和一张图片)，请求头和响应头如下：

请求了这3个问题，浏览器会进行缓存，然后刷新页面，会看到全部是304状态

这里主要看If-Modifed-Since和Cache-Control

304状态代表请求的这个文件在服务器中没有变化，具体过程如下：

在第一次请求的时候，服务器会返回Last-Modified字段，后来的请求中，浏览器会把值放在If-Modifed-Since请求头中发送给服务器进行比对，如果文件修改了，那么就返回最新的文件，即200状态；如果没有修改，那么返回304状态，且max-age<=0

再次清空浏览器缓存，然后给响应头加上Expires，时间为1天，然后刷新页面，查看

看下Expires，值是过期的时间。Cache-Control：max-age=86400，表示缓存1天

再次刷新页面，发现居然是304状态，还是想服务器发送请求了

当时这觉得好像和预想的不一样，这种情况下应该没有请求发送才对，因为设置了expires缓存1天

后来查了下资料，发现不用刷新页面了，再刷新还是304，应该是在地址栏按回车。。。。

查到的资料说，地址栏刷新和F5刷新不一样，F5刷新是一定会发送请求的，好吧，那我就按地址栏了。。。。

果然成功了，Transferred显示cached，表示从缓存中取文件，而不是向服务器请求

ps：这里有个问题是这里显示了2条请求记录，有的浏览器是3条(我这里用的是火狐，谷歌是3条)

也就是说，缓存在地址栏回车的时候才有效，另外通过超链接过去的也是有效的，而F5是会发生请求的

然后可以设置一下Expires的值，设置小一点，10s，10s后再地址栏按回车查看，会重新发送请求，Expires的缓存时间设置是成功的

最后，再简单说下Cache-Control的另外一个值，no-store。

如果响应头带有Cache-Control：no-store，那么浏览器每次发生请求都是200，而不会是304

可以自己去试下，这种情况下，浏览器不会保存缓存文件

备注：

1.概念
Cache-control 用于控制HTTP缓存（在HTTP/1.0中可能部分没实现，仅仅实现了 Pragma: no-cache）
Expires 表示存在时间，允许客户端在这个时间之前不去检查（发请求），等同max-age的效果。但是如果同时存在，则被Cache-Control的max-age覆盖。

2格式
Cache-control:
数据包中的格式：

Cache-Control: cache-directive

cache-directive可以为以下：

request时用到：

response时用到：

部分说明：
根据是否可缓存分为
Public 指示响应可被任何缓存区缓存。
Private 指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的
部分响应消息，此响应消息对于其他用户的请求无效。
no-cache 指示请求或响应消息不能缓存（HTTP/1.0用Pragma的no-cache替换）
根据什么能被缓存
no-store 用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
根据缓存超时
max-age 指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应。
min-fresh 指示客户机可以接收响应时间小于当前时间加上指定时间的响应。
max-stale 指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。

Expires和Cache-Control的理解，另加备注

猜你喜欢