這裏的靜態文件指的是圖片、js、css 等文件,用戶訪問一個站點,其實大多數元素都是圖片、js、css 等,這些靜態文件實際上是會被客戶端的瀏覽器緩存到本地電腦上的,目的就是爲了下次再請求時再也不去服務器上下載,這樣就加快了訪問速度,提升了用戶體驗。但這些靜態文件不能一直緩存,它總有必定的時效性,咱們能夠設置其過時時間。javascript
本次配置使用 mod_expires.c 模塊,使用 /usr/local/apache2/bin/apachectl -M 查看是否支持。不支持,得先安裝,參照以前的「LAMP--apache 的擴展模塊安裝」。css
在對應虛擬主機的配置文件中加入如下語句:html
[root@localhost ~]# vim /usr/local/apache2/conf/extra/httpd-vhosts.conf <IfModule mod_expires.c> ExpiresActive on ExpiresByType p_w_picpath/gif "access plus 1 days" ExpiresByType p_w_picpath/jpeg "access plus 24 hours" ExpiresByType p_w_picpath/png "access plus 24 hours" ExpiresByType text/css "now plus 2 hours" ExpiresByType application/x-javascript "now plus 2 hours" ExpiresByType application/javascript "now plus 2 hours" ExpiresByType application/x-shockwave-flash "now plus 2 hours" ExpiresDefault "now plus 0 min" </IfModule>
從新加載配置文件
java
[root@localhost ~]# /usr/local/apache2/bin/apachectl -t Syntax OK [root@localhost ~]# /usr/local/apache2/bin/apachectl graceful
使用curl命令檢測
apache
[root@localhost ~]# curl -x127.0.0.1:80 'http://www.123.com/static/p_w_picpath/common/titlebg.png' -I HTTP/1.1 200 OK Date: Wed, 25 May 2016 02:11:38 GMT Server: Apache/2.2.31 (Unix) PHP/5.6.10 Last-Modified: Wed, 25 May 2016 02:11:38 GMT ETag: W/"802b7-13b-5341ab0597500" Accept-Ranges: bytes Content-Length: 315 Cache-Control: max-age=86400 Expires: Thu, 26 May 2016 02:11:38 GMT Content-Type: p_w_picpath/png [root@localhost ~]# curl -x127.0.0.1:80 'http://www.123.com/data/cache/style_1_forum_index.css?Vxf' -I HTTP/1.1 200 OK Date: Wed, 25 May 2016 02:07:43 GMT Server: Apache/2.2.31 (Unix) PHP/5.6.10 Last-Modified: Wed, 25 May 2016 02:06:19 GMT ETag: "80c82-e51-533a11e96e4ed" Accept-Ranges: bytes Content-Length: 3665 Cache-Control: max-age=7200 Expires: Wed, 25 May 2016 04:07:43 GMT Content-Type: text/css
其中的緩存控制項 max-age 就是其生存時間。
vim
另外 mod_headers.c 模塊也能實現這個操做瀏覽器
同上:緩存
<IfModule mod_headers.c> #htm,html,txt類的文件緩存一個小時 <filesmatch "\.(html|htm|txt)$"> header set cache-control "max-age=3600" </filesmatch> #css,js,swf類的文件緩存一個星期 <filesmatch "\.(css|js|swf)$"> header set cache-control "max-age=604800" </filesmatch> #jpg,gif,jpeg,png,ico,flv,pdf等文件緩存一年 <filesmatch "\.(jpg|gif|jpeg|png|ico|flv|pdf)$"> header set cache-control "max-age=29030400" </filesmatch> </IfModule>