服务器之家

服务器之家 > 正文

Nginx与浏览器缓存的处理方法

时间:2019-12-17 13:50     来源/作者:~风铃~

一、浏览器对缓存的处理: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。而<meta http-equiv>节点只针对HTML

?
1
2
3
4
5
6
7
8
9
10
11
12
#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仍然起着作用。

?
1
2
3
<meta http-equiv="Pragma" content="no-cache"/>
  <meta http-equiv="Cache-control" content="no-cache;max-age=0"/>
  <meta http-equiv="expires" content="0"/>

总结

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

原文链接:https://www.cnblogs.com/caoshouling/archive/2018/04/28/8966062.html

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
配置IIS网站web服务器的安全策略配置解决方案
配置IIS网站web服务器的安全策略配置解决方案 2019-05-23
Nginx服务器究竟是怎么执行PHP项目
Nginx服务器究竟是怎么执行PHP项目 2019-05-24
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部