如何在 apache 中设置缓存有效时间

今天学习了下如何在 apache 中设置缓存时间,记之以备忘。

在 http 报文头中,与缓存时间有关的两个字段是 Expires 以及 Cache-Control 中的 max-age,Expires 设定了一个缓存的过期时间,而 max-age 则设定了一个缓存有效时间(单位秒),通常情况下,两者可以相互推得。(详细参考 浏览器缓存机制浅析

还是用 WampServer 举例。我们在 www 文件夹下新建个 index.html 页面,在浏览器中打开它,得到的 http 响应头如下:

如何在 apache 中设置缓存有效时间

很显然,我们并没有看到 Expires 或者 max-age 字样。

比如我要把 max-age 设置成 1000,how?

方法1:启动和配置 Expires


打开 httpd.conf 文件(比如我的是在 F:\wamp\bin\apache\Apache2.2.17\conf 下),找到这一行:

#LoadModule expires_module modules/mod_expires.so

去掉注释(井号),然后再加上这么两行,再重启下apache,就 ok 了:

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType text/html A1000
</IfModule>

我们看到 max-age 字段也出现在了响应头中,其实它是根据 Expires 的设置自动填充的。

如何在 apache 中设置缓存有效时间

其他设置类似:

#启用expires_module模块
LoadModule expires_module modules/mod_expires.so
# 启用有效期控制
ExpiresActive On
# GIF有效期为1个月
ExpiresByType image/gif A2592000
# HTML文档的有效期是最后修改时刻后的一星期
ExpiresByType text/html M604800
#以下的含义类似
ExpiresByType text/css "now plus 2 months"
ExpiresByType text/js "now plus 2 days"
ExpiresByType image/jpeg "access plus 2 months"
ExpiresByType image/bmp "access plus 2 months"
ExpiresByType image/x-icon "access plus 2 months"
ExpiresByType image/png "access plus 2 months"

方法2: 通过 mod_headers 模块修改 cache-control


我们也可以直接修改 max-age 字段。

同样在 httpd.conf 文件中,找到这么一行:

#LoadModule headers_module modules/mod_headers.so

去掉注释(井号),再加上这么一句,重启下 apache,就 ok 了:

header set cache-control "max-age=1000"

我们发现得到的响应头里并没有 Expires 字段。

如何在 apache 中设置缓存有效时间


参考:

  1. 如何设置网页静态内容缓存时间(Apache)
  2. apache 设置expires和max-age缓存
  3. webserver缓存策略设置-Apache
上一篇:GNU/Linux LVM 原理图释


下一篇:Electron-vue实战(三)— 如何在Vuex中管理Mock数据