android手机浏览器nginx缓存,Nginx与浏览器缓存的处理方法

一、浏览器对缓存的处理:Internet选项

★ 控制请求服务器策略:是忽略资源的缓存策略的情况下额外强制请求服务器的意思。

★ 检查存储的页面较新版本

1.每次访问网页时                不管是否有缓存、资源状态是否过期,都会再次请求服务器。         2.每次启动Internet Explorer时           不管是否有缓存、资源状态是否过期,都会再次请求服务器。         3.自动                大体上和2是一样的,只是对于图片的策略有点不同。         4.从不                完全按照资源的缓存策略来请求服务器。

★ F5 刷新:请求服务端,但是会根据和服务器对比文件来确定是否下载

★ Ctrl + F5刷新:一定会去服务器下载。

二、缓存控制策略

★Last-Modified/If-Modified-Since要配合Cache-Control使用,Etag/If-None-Match也要配合Cache-Control使用。

ps: 分布式系统里多台机器间文件的last-modified必须保持一致,以免负载均衡到不同机器导致比对失败

分布式系统尽量关闭掉Etag(每台机器生成的etag都会不一样)

★HTML通过meta的http-equiv属性控制浏览器缓存策略:通过设置Pragma和Cache-control和expires控制

ps:只能控制html的缓存策略,不能控制css/js/图片的缓存策略。

Cache-control的max-age和expires同时存在,那么先处理max-age。    Cache-control指定了no-cache后,max-age和expires。    Pragma: http 1.0 IE浏览器才识别,请求头中不会体现,但是确实有效果    Cache-control: http 1.1

三、Nginx设置浏览器缓存

★Nginx设置浏览器缓存:可以在http 、server、location节点中添加。可以设置各种资源的缓存策略,不仅仅是HTML。而节点只针对HTML#add_header Cache-Control no-cache;  #add_header Cache-Control private;  add_header Cache-Control max-age=7200;  if ($request_filename ~* ^.*?.(ico|jpeg|gif|jpg|png|woff)$){    expires 7d;  }  if ($request_filename ~* ^.*?.(js|css)$){    expires 7d;  }   if ($request_filename ~* ^.*?.(html|htm)$){    expires 3d;  }

★Nginx中的配置会覆盖HTML的http-equiv="Cache-control"配置。

但是如果HTML中的加了下面3个标签,浏览器端效果还是只能no-cache。(从效果上来看:Nginx的Cache-control配置无效)

因为Nginx的Cache-control配置只是覆盖了Cache-control(如果html加的是后面两个标签,Nginx还是有效的),而Pragma仍然起着作用。          

总结

以上所述是小编给大家介绍的Nginx与浏览器缓存的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网页设计网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值