零基础自学Nginx 进阶篇 2 Nginx静态资源部署 2.5 Nginx静态资源的缓存处理 2.5.3 Nginx中浏览器强缓存和弱缓存的效果演示

桃扇骨 2024-03-26 13:55 29阅读 0赞

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

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

*   *   *  零基础自学Nginx
         *  进阶篇
         *  2 Nginx静态资源部署
         *   *  2.5 Nginx静态资源的缓存处理
             *   *  2.5.3 Nginx中浏览器强缓存和弱缓存的效果演示

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

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

#### 进阶篇 ####

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

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

###### 2.5.3 Nginx中浏览器强缓存和弱缓存的效果演示 ######

先清理一下浏览器的缓存，快捷键 Ctrl + shift + delete

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

关闭禁用缓存

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

OK，来第一次请求jquery.js 资源

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

响应码200，大小92

请求头的样子：

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

OK，直接刷新页面再请求一次

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

效果很明显，304，一看就是弱缓存了

同样的把这次的请求头拿下来

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

进行对比

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

这两个就是之前说到的头

要想看到强缓存的效果，可以复制地址出来，然后重新进一个标签

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

这次就是强缓存了，直接从本地响应了结果给浏览器【用户】看

[Nginx_Java_0_1_Nginx_]: https://www.bilibili.com/video/BV1ov41187bq/
[db0fa7bed08e418d86699f20a4ed0059.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/c67df5153d50454183129daad393bd35.png
[5be56b192ebb4cdea1fc60a732c47c7d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/371f18864e214d93823c326bb4b15280.png
[460ce046cfbd41749300d8d8772a4338.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/8a987c750e9f4c62ba4e776976d5f171.png
[4fa652d2c2ff4c5b8bb580f1aed86509.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/55ac304292334cdbaca02544f88a8c6f.png
[088c4b8b08244f39923b7dddbfd5b205.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/92d22387e24444239c905047f0f5c932.png
[85f49951d3ad43a8bf008a59644c7613.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/4224313a175c4143a000c202ba59e2f3.png
[75bd8c5504ff424f8b1325c5ad436de5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/3d4de0cd9415427b9d56e642658c7120.png
[73d779deec684036920995c088fe4353.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/83a32ca2919442ee8720dff599d87d02.png
[55d7e29400b9475b910a59b430aff40c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/c92d6a13b78a4058a19353cbafa3ba2f.png