Nginx 手记(六)浏览器缓存
Nginx 手记(六)浏览器缓存
神奇Sam 发表于3个月前
Nginx 手记(六)浏览器缓存
  • 发表于 3个月前
  • 阅读 376
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

一、浏览器缓存

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
标签: Nginx CentOS Linux
共有 人打赏支持
粉丝 16
博文 41
码字总数 27998
×
神奇Sam
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: