码迷,mamicode.com
首页 > Web开发 > 详细

HTTP协议控制浏览器缓存HTTP协议控制浏览器缓存

时间:2015-02-05 11:01:04      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

HTTP协议控制浏览器缓存

2015.01.25 SilenceHurts

当我们浏览网站的图片时,按下F12监控,很容易就发现,当我们第一次浏览该图片时,浏览器返回的代码是200,即请求正常,此时,不懂任何东西,我们按下F5刷新页面,注意,我们会发现监控下的代码返回不再是200,而是现实304 Not Modifid,即未修改。

原因:第一次我们访问图片时,是正常的,而第二次访问时现实304,因为此时我们浏览器发现页面未发生更改,此时使用的是本地的缓存,而并非服务器返回的代码,加快了速度。

设置服务器缓存

若某网站有N台缓存服务器,其与主机服务器键使用HTTP协议的cache-control来控制哪些东西该缓存,哪些东西不需要缓存.

具体用法:

1.打开Apache服务器的mod_expires.so模块

????LoadModule expires_module modules/mod_expires.so

????重启服务器 httpd –k restart

技术分享

2.在需要设在缓存的目录中建立 .htaccess文件

并且添加: 如图 第7,8两行

技术分享

ExpiresActive On????????????//开启缓存

ExpiresByType image/png "access plus 30 seconds"????//针对png图片,缓存生命周期30s

?

?

基本语法:

ExpiresDefault "<base> [plus] { <num> <type>}"

ExpiresByType type/encoding "<base> [plus] { <num> <type>}"

?

参数:????????

base: 设置基于哪个时间来了计算缓存日期

????Access / now :基于服务器现行的那一瞬间来开始计算缓存日期

????Modifications: 基于被修改的最后一个日期开始计算缓存日期

<type>: 缓存日期计算单位 如:seconds ,minutes, days, weeks 等

?

?

设置服务器无缓存

使用 头信息Control-cache : no-store,must-revalidate

告诉浏览器该页面不允许缓存,必须去主服务器验证,比如验证码或者一些比较私密的信息等

?

具体用法:

1.在http.conf中开启mod_header.so模块

重启服务器 Http –k restart

2.在要设置无缓存的目录添加.htaccess文件

ExpiresActive On

ExpiresByType image/png "access plus 30 seconds"

<FilesMatch "\.(png|gif)$">????????//如果是PNG 图片 或者 gif 图片则不缓存

header set Cache-control "no-store,must-revalidate"

</FilesMatch>

?

?

同时也可以加入下面两属性来控制图片的不缓存:

header unset Etag????????//来设置不设置 图片签名 Etag

header unset Last-Modified

技术分享

?

?

?

?

到此时,当我们设置好不缓存,我们浏览图片时,即便是同一张图片,我们也一直刷新也显示的是200,不再是显示304了

HTTP协议控制浏览器缓存HTTP协议控制浏览器缓存

标签:

原文地址:http://www.cnblogs.com/lihaiyan/p/4274144.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!