11.24 静态元素过期时间

配置静态元素过期时间目录概要

  • 浏览器访问网站的图片时会把静态的文件缓存在本地电脑里,这样下次再访问时就不用去远程下载了 增加配置
<IfModule mod_expires.c>
    ExpiresActive on  //打开该功能的开关
    ExpiresByType image/gif  "access plus 1 days"
    ExpiresByType image/jpeg "access plus 24 hours"
    ExpiresByType image/png "access plus 24 hours"
    ExpiresByType text/css "now plus 2 hour"
    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>
  • 需要expires_module
  • curl测试,看cache-control: max-age

配置静态元素过期时间

  • 静态元素,就是访问的图片、css、js
  • 当用浏览器去访问一个网站的时候,这个网站里所有的静态文件(比如图片的样式、js),浏览器就会默认把静态文件缓存在电脑里,叫做临时的目录或目录
    • 缓存的时间是在服务器上定义的,如果不去定义,那么浏览器也不会把这些文件清空,或者浏览器有自己的机制去清空这些文件,或者说电脑软件会定时帮你清理这些缓存的文件
    • 为什么电脑会自动加载这些静态文件呢?目的就是第二次,第三次访问的时候,不去服务器去下载这些静态文件了
  • 在使用浏览器自带的F12键去进行比对,第一次访问一个图片的时候是200的状态码,第二次访问的时候,就是304,它检测到下载的图片并没有修改过,所以就不会重新到服务器下载一次,这样可以节省带宽,但没有规定缓存什么时候清空,什么时候去服务器上去下载,再次下载,因为只要浏览器检测到图片未做更改,它这个状态码就一直为304,304这个状态码就意味着他不会去服务器下载

定义静态文件失效日期

  • expires_module模块,定义失效日期
  1. 打开虚拟主机配置文件vim /usr/local/apache2.4/conf/extra/httpd-vhosts.conf,并添加配置文件
  • 需要添加的配置文件
    • 这里有所有的图片定义成一天
    • 所有的 css 和 js 都定义成两小时
    • 其他的没有任何的缓存
<IfModule mod_expires.c>
    ExpiresActive on      //打开该功能的开关
    ExpiresByType image/gif  "access plus 1 days"    //定义Type类型,这里是一天
    ExpiresByType image/jpeg "access plus 24 hours"        //定义Type类型,这里是24小时
    ExpiresByType image/png "access plus 24 hours"        //定义Type类型
    ExpiresByType text/css "now plus 2 hour"                        //定义Type类型,两小时
    ExpiresByType application/x-javascript "now plus 2 hours"       // 定义Type类型
    ExpiresByType application/javascript "now plus 2 hours"        //定义Type类型
    ExpiresByType application/x-shockwave-flash "now plus 2 hours"        //定义Type类型
    ExpiresDefault "now plus 0 min"            //定义Type类型
</IfModule>
  • 在配置文件中添加
[root@hf-01 ~]# vim /usr/local/apache2.4/conf/extra/httpd-vhosts.conf


<VirtualHost *:80>
    DocumentRoot "/data/wwwroot/111.com"
    ServerName 111.com
<VirtualHost *:80>
    DocumentRoot "/data/wwwroot/111.com"
    ServerName 111.com
    ServerAlias www.example.com 2111.com.cn
    #<Directory /data/wwwroot/111.com> 
    #<FilesMatch 123.php>
    #    AllowOverride AuthConfig 
    #    AuthName "111.com user auth"
    #    AuthType Basic 
    #    AuthUserFile /data/.htpasswd  
    #    require valid-user
    # </FilesMatch>
    #</Directory>
    <IfModule mod_rewrite.c>
        RewriteEngine on
        RewriteCond %{HTTP_HOST} !^111.com$
        RewriteRule ^/(.*)$ http://111.com/$1 [R=301,L]
   </IfModule>
<IfModule mod_expires.c>
    ExpiresActive on  
    ExpiresByType image/gif  "access plus 1 days"
    ExpiresByType image/jpeg "access plus 24 hours"
    ExpiresByType image/png "access plus 24 hours"
    ExpiresByType text/css "now plus 2 hour"
    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>
    ErrorLog "logs/111.com-error_log"
    SetEnvIf Request_URI ".*\.gif$" img
    SetEnvIf Request_URI ".*\.jpg$" img
    SetEnvIf Request_URI ".*\.png$" img
    SetEnvIf Request_URI ".*\.bmp$" img
    SetEnvIf Request_URI ".*\.swf$" img
    SetEnvIf Request_URI ".*\.js$" img
    SetEnvIf Request_URI ".*\.css$" img
   CustomLog "|/usr/local/apache2.4/bin/rotatelogs -l logs/123.com-access_%Y%m%d.log 86400" combined env=!img
</VirtualHost>

并保存退出
  1. 然后检查是否存在语法错误
[root@hf-01 ~]# /usr/local/apache2.4/bin/apachectl -t
Syntax OK
[root@hf-01 ~]# 
  1. 查看expire模块是否打开,会发现expire模块没有打开
[root@hf-01 ~]# /usr/local/apache2.4/bin/apachectl -M |grep expire
[root@hf-01 ~]# 
  1. 编辑主配置文件,打开expire模块
  • vim /usr/local/apache2.4/conf/httpd.conf
[root@hf-01 ~]# vim /usr/local/apache2.4/conf/httpd.conf

搜索 /expire ,找到该行的配置文件,并去除的注释符 # 号
LoadModule expires_module modules/mod_expires.so

然后保存退出
  1. 在重新加载配置文件,并查看expire模块
[root@hf-01 ~]# /usr/local/apache2.4/bin/apachectl graceful
[root@hf-01 ~]# /usr/local/apache2.4/bin/apachectl -M |grep expire
 expires_module (shared)
[root@hf-01 ~]# 
  1. 按ctrl+F5可以强制把浏览器本地的缓存清空
  2. 用curl命令去访问图片
[root@hf-01 111.com]# curl -x127.0.0.1:80 111.com/11.png -I
HTTP/1.1 200 OK
Date: Thu, 21 Dec 2017 22:42:28 GMT         //当前时间
Server: Apache/2.4.29 (Unix) PHP/5.6.30
Last-Modified: Thu, 21 Dec 2017 14:40:05 GMT
ETag: "20aa-560daacfdbb40"
Accept-Ranges: bytes
Content-Length: 8362
Cache-Control: max-age=86400         //缓存的时间
Expires: Fri, 22 Dec 2017 22:42:28 GMT         //过期时间
Content-Type: image/png

[root@hf-01 111.com]# 
  1. 若是将expire模块去除,再去curl命令查看图片,就无法看到Cache-Control参数

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏大数据实战演练

Nginx安装配置及使用

-bash:warning:setlocale:LC_CTYPE:cannot change locale(en_US.UTF-8):Nosuch fileor...

3582
来自专栏Laoqi's Linux运维专列

LAMP环境搭建小结

1. 为什么下载源码包需要到官网上去下载? 简单说就是为了安全,如果是非官方下载的源码包,有可能被别有用心的人动过手脚,毕竟是源码的,任何人都可以修改代码。 ...

4036
来自专栏程序员的诗和远方

React-Native For Android 环境搭建及踩坑

安装环境 本文默认以MacOS为系统,毕竟除了用React Native搞Android,你也会想用它搞iOS。 首先当然是Android的环境搭建,这里还是推...

3276
来自专栏程序员同行者

ELKstack简介及环境部署

Logstash的运行依赖于Java运行环境, Logstash 1.5以上不低于java 7推荐使用最新版本的Java。由于只是运行Java程序,而不是开发,...

1424
来自专栏cmazxiaoma的架构师之路

蛋疼的ElasticSearch(二)之配置ElasticSearch Head插件

3666
来自专栏Hongten

hadoop2-HBase的安装和测试

https://www.cnblogs.com/hongten/p/hongten_hadoop_hbase.html

1541
来自专栏铭毅天下

Elasticsearch存储深入详解

在本文中,我们将研究Elasticsearch的各个部分写入数据目录的文件。我们将查看节点,索引和分片级文件,并简要说明其内容,以便了解Elasticsearc...

1.3K2
来自专栏个人分享

Hbase集群搭建及所有配置调优参数整理及API代码运行

  最近为了方便开发,在自己的虚拟机上搭建了三节点的Hadoop集群与Hbase集群,hadoop集群的搭建与zookeeper集群这里就不再详细说明,原来的笔...

1654
来自专栏FreeBuf

任意代码保护与内核代码注入的那些事儿

类似 WannaCry 和 Slingshot 这样的恶意软件最常用的一种攻击技术就是内核代码注入,在近期刚刚发布的 Windows 10 Creators 更...

1060
来自专栏测试驿栈

Jmeter(三)_配置元件

Clear Cookies each Iteration:每次迭代请求,清空cookies,GUI中定义的任何cookie都不会被清除。

2932

扫码关注云+社区

领取腾讯云代金券