Nginx 手记（六）浏览器缓存

最新推荐文章于 2024-11-01 15:32:36 发布

chiyan5284

最新推荐文章于 2024-11-01 15:32:36 发布

阅读量83

点赞数

文章标签：运维 javascript ViewUI

原文链接：https://my.oschina.net/magicalSam/blog/1526144

版权

一、浏览器缓存

HTTP协议定义的缓存机制（如：Expires；Cache-control等）

1、客户端无缓存

浏览器第一次请求的时候，是没有缓存的，所以会向服务端发起请求获取资源

2、客户端有缓存

浏览器第二次请求的时候，客户端是有缓存的，那么会先在本地校验文件是否过期，如果缓存文件过期，则会请求服务器并进行校验是否修改，如果修改返回新的内容，没修改则会返回304 直接从本地缓存读取，有修改则返回200 并返回新的内容。

二、校验过期机制

1、客户端-校验是否过期:      Expires(1.0版本)、Cache-Control(max-age) (1.1版本)
2、服务端-协议中Etag头信息校验:    Etag（字符串）
3、服务端-Last-Modified头信息校验: Last-Modified（文件修改时间）。不能精准到1s内修改的判断，需要Etag解决

三、配置

在server中的location进行配置

#匹配js和css文件，并设置缓存过期时间为24小时
location ~ .*\.(js|css)$ {
    expires 24; #设置缓存时间为24小时
    #...
}

浏览器控制可以查看相应信息


Response Headers
view source
Accept-Ranges:bytes
Cache-Control:max-age=86400     #nginx中设置的24小时缓存时间
Connection:keep-alive
Content-Length:2543
Content-Type:application/javascript
Date:Mon, 28 Aug 2017 18:21:08 GMT
ETag:"599be4bb-9ef"
Expires:Tue, 29 Aug 2017 18:21:08 GMT
Last-Modified:Tue, 22 Aug 2017 08:00:59 GMT
Server:nginx/1.12.1

转载于:https://my.oschina.net/magicalSam/blog/1526144