• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

讲解Nginx服务器中设置本地浏览器缓存的简单方法

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

浏览器缓存(Browser Caching) 是为了加速浏览并节约网络资源,浏览器在用户磁盘上对最近请求过的文档进行存储。
nginx可以通过 expires 指令来设置浏览器的Header
语法: expires [time|epoch|max|off]
默认值: expires off
作用域: http, server, location
使用本指令可以控制HTTP应答中的“Expires”和“Cache-Control”的头标,(起到控制页面缓存的作用)。
可以在time值中使用正数或负数。“Expires”头标的值将通过当前系统时间加上您设定的 time 值来获得。
epoch 指定“Expires”的值为 1 January, 1970, 00:00:01 GMT。
max 指定“Expires”的值为 31 December 2037 23:59:59 GMT,“Cache-Control”的值为10年。
-1 指定“Expires”的值为 服务器当前时间 -1s,即永远过期

例子:
图片缓存30天

location ~.*\.(jpg|png|jpeg)$
 {
 expires 30d;
 }

js css缓存一小时

location ~.*\.(js|css)?$
 {
 expires 1h;
 }

浏览器缓存的头信息,在nginx里也是可以设置的,如下。

 #配置在server节点下 
 #将favicon.ico放到nginx安装目录的html目录下 
location = /favicon.ico { 
  root html; 
  index index.html index.htm; 
  expires 30d; #会同时设置Expires 和 Cache-Control:max-age 
  add_header Pragma Pragma; 
 } 

设置完以后,请求通过浏览器查看。
增加了

Cache-Control:max-age=2592000 
Expires:Sun, 08 Nov 2015 01:07:48 GMT 

缓存生效。

注意事项
调试的时候要注意几个问题:
四类用户行为影响缓存:F5刷新,F5强制刷新,点击刷新,地址栏回车。会让Expires失效。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap