nginx---浏览器设置缓存

╰+哭是因爲堅強的太久メ 2022-06-12 00:49 340阅读 0赞

### 对常见格式的图片文件等在浏览器本地缓存，对于css,js等文件在浏览器本地缓存. ###

语法：expires \[time|epoch|max|off

默认值：off

expires指令控制HTTP应答中的“Expires”和“Cache-Control”Header头部信息，启动控制页面缓存的作用

time参数---》time:可以使用正数或负数

“Expires”头标的值将通过当前系统时间加上设定time值来设定。

epoch:--->epoch：指定“Expires”的值为 1January,1970,00:00:01 GMT

max:------>max:指定“Expires”的值为31December2037 23:59:59GMT,""Cache-Control"的值为10年。-1：指定“Expires”的值为当前服务器时间减去1s，即永远过期。

off:--------->off：不修改“Expires”和"Cache-Control"的值

Cache-Control是用max-age指令指定组件被缓存多久。(在浏览器header头部有)

负数参数：表示Cache-Control：no-cache

整数或者零：表示Cache-Control:max-age=' '为您设定的时间秒数。

另外：

如果不想让代理或浏览器缓存，加no-cache参数或private参数：  
\# expires 1d;  
add\_header Cache-Control no-cache;  
add\_header Cache-Control private;

###  如何查看，如何验证：可以通过访问别人的网站，看看别人有没有做缓存 ###

当我访问一个网站的时候，看状态码全是200

![896726-20161015121810312-188580459.png][]

点击开查看关键参数：

![896726-20161015122400796-782786639.png][]

第二次去访问：

变成了304

![896726-20161015122506265-26567939.png][]

查看：

![896726-20161015122605843-1609113591.png][]

![896726-20161015123803453-1297837606.png][]

这时返回的状态码是304，而在请求中比第一次多了If-Modified-Since头，和原始服务器中的Last-Modified制作比较，所以实现浏览器缓存并判断是否过期。

简单的说，Last-Modified 与If-Modified-Since 都是用于记录页面最后修改时间的 HTTP 头信息，

只是Last-Modified 是由服务器往客户端发送的 HTTP 头，

而 If-Modified-Since则是由客户端往服务器发送的头，

可以看到，再次请求本地存在的 cache 页面时，客户端会通过 If-Modified-Since头将先前服务器端发过来的 Last-Modified最后修改时间戳发送回去，这是为了让服务器端进行验证，通过这个时间戳判断客户端的页面是否是最新的，如果不是最新的，则返回新的内容，

如果是最新的，则返回304告诉客户端其本地cache的页面是最新的，

于是客户端就可以直接从本地加载页面了，这样在网络上传输的数据就会大大减少，同时也减轻了服务器的负担。

### 简单配置如下： ###

![复制代码][copycode.gif]

1 知识写了location   
     2 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
     3         {
     4                 expires      30d;
     5                 access_log off;
     6         }
     7 
     8         location ~ .*\.(js|css)$
     9         {
    10                 expires      12h;
    11                 access_log off;
    12         }

![复制代码][copycode.gif]

参考：http://www.jb51.net/article/33213.htm

[896726-20161015121810312-188580459.png]: /images/20220612/fcddf7effc784539a9ca1b3d32fe7c13.png
[896726-20161015122400796-782786639.png]: /images/20220612/5485222a609f4e1cbf9a714b03657277.png
[896726-20161015122506265-26567939.png]: /images/20220612/8908603836204f07beb268d7b93b3719.png
[896726-20161015122605843-1609113591.png]: /images/20220612/1e1c28ab30634cb6a9788b2d1556b044.png
[896726-20161015123803453-1297837606.png]: /images/20220612/d71cf3eee5e3408da0c165e5b697ef88.png
[copycode.gif]: /images/20220612/43b16690888440a79385848b964b529c.png