headers字段 解释 案例

Expires

服务端告诉浏览器,先把这个文件缓存起来,在这个过期时间之前,该文件都不会变化

Expires: Mon, 1 Aug 2016 22:43:02 GMT

Cache-Control

由于Expires给定的是绝对时间,而客户端的系统时间可以由用户任意修改, Cache-Control为相对时间

Cache-Control: max-age=80

Last-Modified(response header) / If-Modified-Since (request header)

服务端收到请求后会对比目前文件的最后修改时间和该请求头的信息,如果没有修改,那就直接返回304给浏览器,而不返回实际资源。如果有变化了,就返回200,并且带上新的资源内容

If-Modified-Since:Mon, 01 Aug 2016 13:48:44 GMT

Etag / If-None-Match

第一次请求后响应头中包含了Etag,作为时间标签,下一次请求时会把原来的Etag标签带上(在请求头中变成了If-None-Match)作为校验标准,若这个文件如果发生了改变,则Etag也会改变。服务器对比浏览器请求头中的的If-None-Match:如果相同就返回304,而不返回实际资源如果不同,就返回200和新的资源。