微客导航 » 文章资讯 » Nginx与浏览器缓存的处理方法

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

2023-09-13 14:03:07 119

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

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

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

1.每次访问网页时
不管是否有缓存、资源状态是否过期，都会再次请求服务器。
2.每次启动InternetExplorer时
不管是否有缓存、资源状态是否过期，都会再次请求服务器。
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:http1.0IE浏览器才识别，请求头中不会体现，但是确实有效果
Cache-control:http1.1

三、Nginx设置浏览器缓存

★Nginx设置浏览器缓存：可以在http、server、location节点中添加。可以设置各种资源的缓存策略，不仅仅是HTML。而节点只针对HTML

#add_headerCache-Controlno-cache;
#add_headerCache-Controlprivate;
add_headerCache-Controlmax-age=7200;
if($request_filename~*^.*?\.(ico|jpeg|gif|jpg|png|woff)$){
expires7d;
}
if($request_filename~*^.*?\.(js|css)$){
expires7d;
}
if($request_filename~*^.*?\.(html|htm)$){
expires3d;
}

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

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

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

总结

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

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐