获取全套nginx教程，请访问瓦力博客

介绍nginx是如何设置缓存之前，我们还是先聊聊web浏览器的缓存机制。

1.浏览器缓存

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的头信息进行识别的（如：Expires,Cache-control等）。

Expires

Expires是HTTP/1.0控制网页缓存的字段，其值为服务器返回该请求结果缓存的到期时间，即再次发起该请求时，如果客户端的时间小于Expires的值时，直接使用缓存结果。

Expires是HTTP/1.0的字段，但是现在浏览器默认使用的是HTTP/1.1，那么在HTTP/1.1中网页缓存还是否由Expires控制？

到了HTTP/1.1，Expire已经被Cache-Control替代，原因在于Expires控制缓存的原理是使用客户端的时间与服务端返回的时间做对比，那么如果客户端与服务端的时间因为某些原因（例如时区不同；客户端和服务端有一方的时间不准确）发生误差，那么强制缓存则会直接失效，这样的话强制缓存的存在则毫无意义，那么Cache-Control又是如何控制的呢？

Cache-Control

在HTTP/1.1中，Cache-Control是最重要的规则，主要用于控制网页缓存，主要取值为

校验过期机制

-|-
校验是否过期|Expires、Cache-Control(max-age)|
协议中Etag头信息校验|Etag|
Last-Modified头信息校验|Last-Modified|

首先，校验本地的缓存是否过期，本地缓存校验是否过期依赖http头信息中Expires和Cache-Control字段。这两个字段都会起到同一个作用，区别就是协议不同，Expires是1.0协议，Cache-Control
是1.1协议。如果本地文件过期，就会校验Etag字段和Last-Modified字段。Etag和Last-Modified的共同点就是会向服务器进行校验。

Last-Modified记录的是一个具体时间，当服务器的文件更新后，服务器上的文件时间就会和缓存中Last-Modified记录的时间不一致，这样服务器会将更新后的文件返回给客户端

Etag记录的是一个字符串，因为Last-Modified记录的是一个时间，当服务器更新的时间是秒级别的时候，这个时候靠Last-Modified就不能够检测文件是否更新。所以Etag的出现就是为解决这个问题。

2.expires

expires的原理就是给Response Headers头信息中添加Cache-Control、Expires信息

Syntax: expires [modified] time;
	expires epoch | max | off;
Default: expires off;
Context: http,server,location,if in location

示例配置

location ~ .*\.(html | htm)$ {
	root /opt/app/code;
	expires 24h;
}

访问页面，打开调试工具，看到Response Headers头信息中出现Cache-Control和Expires字段，记录值都是24小时。