零基础自学Nginx 进阶篇 2 Nginx静态资源部署 2.5 Nginx静态资源的缓存处理 2.5.4 Nginx中浏览器缓存相关的配置指令

雨点打透心脏的1/2处 2024-03-26 13:55 40阅读 0赞

#### 零基础自学Nginx ####

#### 文章目录 ####

*   *   *  零基础自学Nginx
         *  进阶篇
         *  2 Nginx静态资源部署
         *   *  2.5 Nginx静态资源的缓存处理
             *   *  2.5.4 Nginx中浏览器缓存相关的配置指令
                 *  expires指令
                 *  add\_header指令

[【黑马程序员Nginx教程，Java进阶从0到1学会Nginx分布式框架】 ][Nginx_Java_0_1_Nginx_]

![在这里插入图片描述][54ba06c0e8ce46e4bf84989069ea337c.png_pic_center]

#### 进阶篇 ####

#### 2 Nginx静态资源部署 ####

##### 2.5 Nginx静态资源的缓存处理 #####

###### 2.5.4 Nginx中浏览器缓存相关的配置指令 ######

Nginx需要进行缓存相关设置，就需要用到如下的指令

###### expires指令 ######

expires:该指令用来控制页面缓存的作用。可以通过该指令控制HTTP应答中的“Expires"和”Cache-Control"

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>expires [modified] time<br>expires epoch|max|off;</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>expires off;</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location</td> 
  </tr> 
 </tbody> 
</table>

*  time:可以整数也可以是负数，指定过期时间，如果是负数，Cache-Control则为no-cache【no-cache 的作用就是在使用缓存时，不管有没有过期，都需要发送请求到服务端，确认资源有没有发生变化，即走弱缓存】,如果为整数或0，则Cache-Control的值为max-age=time;
 *  epoch: 指定Expires的值为’1 January,1970,00:00:01 GMT’(1970-01-01 00:00:00)，Cache-Control的值no-cache
 *  max:指定Expires的值为’31 December2037 23:59:59GMT’ (2037-12-31 23:59:59) ，Cache-Control的值为10年
 *  off:默认不缓存。

简单演示一下

先记录一下当前的响应头情况

![在这里插入图片描述][08eacf207e7a41708a27c80f5e3837fa.png_pic_center]

location ~.*\.(html|js|css|png)$ {
    
                expires 1000;
            }

这就代表着我要缓存1000 s

![在这里插入图片描述][2dec5ce3d885419fa8e855f663fc3c2c.png_pic_center]

测试重新加载

![在这里插入图片描述][b2f99433a8de4277ae7c390e035cfad8.png_pic_center]

对比一下两次的响应头

![在这里插入图片描述][7ae8e0b8f1a74c5d980cd9bfbed500a7.png_pic_center]

如果改成负数

![在这里插入图片描述][52ad3419895548a5a383e20506189790.png_pic_center]

重新加载

![在这里插入图片描述][17535dc673f94a2d820dc01a6a3fb55d.png_pic_center]

no-cache

如果配置成 max

![在这里插入图片描述][e8560abfc9924218af12d54f93d09b9f.png_pic_center]

测试

![在这里插入图片描述][18788a1d0a974949bff19a39e61ebc80.png_pic_center]

这就是10年

###### add\_header指令 ######

add\_header指令是用来**添加指定的响应头和响应值**。

<table> 
 <thead> 
  <tr> 
   <th>语法</th> 
   <th>add_header name value [always];</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认值</td> 
   <td>—</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>http、server、location…</td> 
  </tr> 
 </tbody> 
</table>

Cache-Control作为响应头信息，可以设置如下值：

缓存响应指令：

Cache-control: must-revalidate
    Cache-control: no-cache
    Cache-control: no-store
    Cache-control: no-transform
    Cache-control: public
    Cache-control: private
    Cache-control: proxy-revalidate
    Cache-Control: max-age=<seconds>
    Cache-control: s-maxage=<seconds>

<table> 
 <thead> 
  <tr> 
   <th>指令</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>must-revalidate</td> 
   <td>可缓存但必须再向源服务器进行确认</td> 
  </tr> 
  <tr> 
   <td>no-cache</td> 
   <td>缓存前必须确认其有效性【即走弱缓存】</td> 
  </tr> 
  <tr> 
   <td>no-store</td> 
   <td>不缓存请求或响应的任何内容【每次发请求都从web 服务器获取】</td> 
  </tr> 
  <tr> 
   <td>no-transform</td> 
   <td>代理不可更改媒体类型</td> 
  </tr> 
  <tr> 
   <td>public</td> 
   <td>可向任意方提供响应的缓存</td> 
  </tr> 
  <tr> 
   <td>private</td> 
   <td>仅向特定用户返回响应</td> 
  </tr> 
  <tr> 
   <td>proxy-revalidate</td> 
   <td>要求中间缓存服务器对缓存的响应有效性再进行确认</td> 
  </tr> 
  <tr> 
   <td>max-age=&lt;秒&gt;</td> 
   <td>响应最大Age值</td> 
  </tr> 
  <tr> 
   <td>s-maxage=&lt;秒&gt;</td> 
   <td>公共缓存服务器响应的最大Age值</td> 
  </tr> 
 </tbody> 
</table>

[Nginx_Java_0_1_Nginx_]: https://www.bilibili.com/video/BV1ov41187bq/
[54ba06c0e8ce46e4bf84989069ea337c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/80f46d7865494175be375bcb32ae6a79.png
[08eacf207e7a41708a27c80f5e3837fa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2302e7caaa9d477692735fb81cb9e486.png
[2dec5ce3d885419fa8e855f663fc3c2c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a347685ac0f6496eb0dbc8c4f83cc8ea.png
[b2f99433a8de4277ae7c390e035cfad8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/c619f50727de43fdb210e5a3b3502a7a.png
[7ae8e0b8f1a74c5d980cd9bfbed500a7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9969d3290456486f86127d61ca48537a.png
[52ad3419895548a5a383e20506189790.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/e01b3ea2a8644d318743a66678655b25.png
[17535dc673f94a2d820dc01a6a3fb55d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/873f9e6e46c84a9c959ff7620bc6f022.png
[e8560abfc9924218af12d54f93d09b9f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/4b1a4ae2cba5424095db0404b304220b.png
[18788a1d0a974949bff19a39e61ebc80.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/72c824a8514c41968db066088b2d75ca.png