apache下用expires_module让浏览器缓存静态文件

apache下用expires_module让浏览器缓存静态文件

apache配置静态缓存的原因:

第一点,       减轻服务器的压力。

第二点,       省去浏览器经常要去服务端下载CSS、JS、图片、静态文件等,减小不必要的网络IO。

配置步骤:

1. 在apache主配置文件中开启apache扩展模块mod_expires.so,命令:

Vi /usr/local/apache2/conf/httpd.conf,如下图所示:

2. 配置缓存,在apache的虚拟主机(/usr/local/apache2/conf/extra/httpd-vhosts.conf)配置(或在apache主配置文件中)文件中加入下面一段代码:

2. <IfModule expires_module>

3.     #打开缓存

4.     ExpiresActive on

5.     #css文件缓存7200000/3600/24=83天

6.     ExpiresByType text/css A7200000

7.     #js文件缓存7200000/3600/24=83天

8.     ExpiresByType application/x-javascript A7200000

9.     ExpiresByType application/javascript A7200000

10.    #html文件缓存7200000/3600/24=83天

11.    ExpiresByType text/html A7200000

12.    #图片文件缓存7200000/3600/24=83天

13.    ExpiresByType image/jpeg A7200000

14.    ExpiresByType image/gif A7200000

15.    ExpiresByType image/png A7200000

16.    ExpiresByType image/x-icon A7200000

17.</IfModule>

3. 验证,有两种方式:

其一,命令:curl  –x192.168.1.104(本机ip) www.aaa.com(浏览器网址)-I,结果显示如下:

其二,在IE浏览器中查看,打开浏览器输入http地址,点击F12出现一界面,选中network,结果显示如下:

时间: 2025-01-02 01:19:22

apache下用expires_module让浏览器缓存静态文件的相关文章

tips 前端 阻止 浏览器缓存静态资源

手机浏览器 uc上一直表现良好 qq浏览器还有微信上网址直接打开的(一样采用qq浏览器的内核) 大量缓存了静态资源 css js 图片 等这些当出现改动了刷新网页根本没有效果 电脑端浏览器没有问题 因为部分手机端浏览器 总会出于省流量性能等因素缓存静态资源本来没有什么问题 不过这会给开发带来困扰 不适合调试 如果只是这样还好 可是还是会对生产环境造成一定影响比如当服务器端的css文件内内容有了改动 手机端浏览器却一直没有释放缓存 就会造成一些页面上出现明显的问题所以给css js jpg swf

js操作serviceWorker缓存静态文件

js操作serviceWorker缓存静态文件 serviceWorker的作用就是用来做离线应用的,在手机端程序中用的较多 先看下效果 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

virtualBox 虚拟机下nginx设置不缓存静态文件不起作用解决办法

最近开发的时候,调整js时会一直使用缓存文件,无法显示改动!nginx配置静态文件add_header Cache-Control no-cache;也不起作用,很苦恼! nginx配置代码:events { worker_connections 768; # multi_accept on;} http { ## # Basic Settings ## sendfile on; tcp_nopush on; tcp_nodelay on; keepalive_timeout 65; types

霸气!Nginx 中缓存静态文件秘籍

导读 这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个时间,这样用户的浏览器就会缓存这些文件.这样能节省带宽,并且在访问你的网站时会显得更快些(如果用户第二次访问你的网站,将会使用浏览器缓存中的静态文件). 1.准备事项 我想你需要一个正常工作的 nginx 软件,可以查看另一篇的帖子:在 Ubuntu 16.04 LTS 上安装 Nginx,P

如何在 nginx 中缓存静态文件

这篇教程说明你应该怎样配置 nginx.设置 HTTP 头部过期时间,用 Cache-Control 中的 max-age 标记为静态文件(比如图片. CSS 和 Javascript 文件)设置一个时间,这样用户的浏览器就会缓存这些文件.这样能节省带宽,并且在访问你的网站时会显得更快些(如果用户第二次访问你的网站,将会使用浏览器缓存中的静态文件). 1.准备事项 我想你需要一个正常工作的 nginx 软件,就像这篇教程里展示的:在 Ubuntu 16.04 LTS 上安装 Nginx,PHP

浏览器缓存机制(1)

浏览器缓存机制之一(经典缓存) 因为在接手的项目中用到过比较新的HTML5应用缓存,也用到了经典的缓存如设置max-age,Etag之类,而之前一直就是在用着没有去深究其中原理.周末天气不好,懒得出去了,正好找时间总结下. 1.关于浏览器缓存 记得去年看<HTTP权威指南>的时候,有一章是专门讲浏览器缓存的,一年时间过得太快,逝去的时光还真是如同人群中消失的好姑娘,眼看她嫁给别人.我这里把浏览器缓存分为经典的浏览器缓存(以下简称为经典缓存)和HTML5应用缓存这两类. 经典的浏览器缓存其实主要

静态文件和文件缓存

静态文件和文件缓存 1.在应用配置 settings 中指定 static_path 选项来提供静态文件服务:   2.在应用配置 settings 中指定 static_url_prefix 选项来提供静态文件前缀服务: 3.在导入静态文件时用 {{static_url('XX.css')}} 方式实现主动缓存静态文件 Tornado中, 你可以通过在应用程序中指定特殊的 static_path 来提供静态文 件服务: settings = { "static_path": os.p

Discuz!NT静态文件缓存(SQUID)

在目前最新版本的产品中,我们提供了缓存静态文件的解决方案,就是使用SQUID做静态前端,将论坛中的大部分静态文件布署或外链到一个新的HTTP链接上,其中可以外链的静态文件包括: 1.Discuz.web/Javascript/ 下所有以‘template_’打头的JS文件以及该文件夹下的部分js文件.     2.模版文件夹下的所有CSS或IMAGE文件(空间相册文件夹除外)     3.前台Image文件夹下的Medal(勋章),Topicidentify(主题鉴定图标)下的所有文件. 同时在

JS清除IE浏览器缓存的方法

本文为大家详细介绍下js中自动清除ie缓存的几种方法,大家可以根据自己的需求自由选择适合自己的,希望对大家学习js有所帮助 js中自动清除ie缓存方法 — 常用 对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了. 但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做? 方法一:Dojo中我们可以用简单的方法完成:在dojo.xhrGet(包括post)等方