Nginx作为静态资源web服务之缓存原理
大致理一下http浏览器缓存原理:
浏览器第一次请求服务器,此时浏览器肯定没有缓存,则直接调用服务器端,服务器在返回的信息的信息头中添加 ETag和Last-Modified参数信息,返回给客户端浏览器缓存。
然后浏览器以后的请求,先判断是否有缓存,那么怎么判断有缓存呢,有三步:
(1)是否过期
(2)对ETag信息对比 ,ETag: 就是一个生成的字符串
(3)对Last-Modified信息对比;Last-Modified:服务端最后一次修改的时间。
如果没有过期,则将信息直接返回回去,如果过期了,则将请求发送到服务端,此时request的头信息中带着ETag和Last-Modified信息,responose头信息中也带着这两个参数,如果一致,则表示要访问的资源没有发生改变,直接返回304,如果不一致,则表明资源改变,会请求服务端,返回200。
下面通过配置 缓存过期时间来让其实现缓存
配置语法:expires 【modified】time;
expires epoch | max | off;
默认配置:expires off;
配置路径:http、server、location、if in location
使用demo测试
1. 修改default.conf配置文件,添加如下配置,暂时不添加缓存配置
2. 重新加载nginx,输入网址,看出客户端和服务端状态如下
由上图可以看出,第一次请求是没有缓存的,访问服务器返回200,并且再返回的信息头中返回了以上的两个参数 ETag和Last-Modified。下面我们刷新,再来看看效果
3. 刷新网页,查看状态
由上图看出,第二次请求,返回的状态是304,在请求信息头中有上图两个参数,与服务端返回的参数对比,发现是一致的,所以直接返回 304。下面我们配置缓存过期时间
4. 配置过期时间
5. 刷新网址,看看效果
由上图看出,服务器端返回的参数中有了过期时间,以及expires参数数据,因此过期时间配置成功。