当前位置: 首页 > 编程笔记 >

讲解Nginx服务器中设置本地浏览器缓存的简单方法

奚正谊
2023-03-14
本文向大家介绍讲解Nginx服务器中设置本地浏览器缓存的简单方法,包括了讲解Nginx服务器中设置本地浏览器缓存的简单方法的使用技巧和注意事项,需要的朋友参考一下

浏览器缓存(Browser Caching) 是为了加速浏览并节约网络资源,浏览器在用户磁盘上对最近请求过的文档进行存储。
nginx可以通过 expires 指令来设置浏览器的Header
语法: expires [time|epoch|max|off]
默认值: expires off
作用域: http, server, location
使用本指令可以控制HTTP应答中的“Expires”和“Cache-Control”的头标,(起到控制页面缓存的作用)。
可以在time值中使用正数或负数。“Expires”头标的值将通过当前系统时间加上您设定的 time 值来获得。
epoch 指定“Expires”的值为 1 January, 1970, 00:00:01 GMT。
max 指定“Expires”的值为 31 December 2037 23:59:59 GMT,“Cache-Control”的值为10年。
-1 指定“Expires”的值为 服务器当前时间 -1s,即永远过期

例子:
图片缓存30天

location ~.*\.(jpg|png|jpeg)$
 {
 expires 30d;
 }

js css缓存一小时

location ~.*\.(js|css)?$
 {
 expires 1h;
 }

浏览器缓存的头信息,在nginx里也是可以设置的,如下。

 #配置在server节点下 
 #将favicon.ico放到nginx安装目录的html目录下 
location = /favicon.ico { 
  root html; 
  index index.html index.htm; 
  expires 30d; #会同时设置Expires 和 Cache-Control:max-age 
  add_header Pragma Pragma; 
 } 

设置完以后,请求通过浏览器查看。
增加了

Cache-Control:max-age=2592000 
Expires:Sun, 08 Nov 2015 01:07:48 GMT 

缓存生效。

注意事项
调试的时候要注意几个问题:
四类用户行为影响缓存:F5刷新,F5强制刷新,点击刷新,地址栏回车。会让Expires失效。

 类似资料:
  • 本文向大家介绍Nginx与浏览器缓存的处理方法,包括了Nginx与浏览器缓存的处理方法的使用技巧和注意事项,需要的朋友参考一下 一、浏览器对缓存的处理:Internet选项   ★ 控制请求服务器策略:是忽略资源的缓存策略的情况下额外强制请求服务器的意思。     ★ 检查存储的页面较新版本          1.每次访问网页时                 不管是否有缓存、资源状态是否过期,都

  • 本文向大家介绍通过浏览器查看nginx服务器状态配置方法,包括了通过浏览器查看nginx服务器状态配置方法的使用技巧和注意事项,需要的朋友参考一下 访问URL:http://192.168.0.11/nginx-status 结果: 解析: Active connections: 对后端(服务器)发起的活动连接数。 Server accepts handled requests: Nginx总共处

  • 本文向大家介绍Nginx服务器的反向代理proxy_pass配置方法讲解,包括了Nginx服务器的反向代理proxy_pass配置方法讲解的使用技巧和注意事项,需要的朋友参考一下 就普通的反向代理来讲 Nginx的配置还是比较简单的,如: 或者可以 Apache2的反向代理的配置是: 然而,如果要配置一个相对复杂的反向代理 Nginx相对Apache2就要麻烦一些了 比如,将url中以/wap/开

  • 问题内容: 我是个新手,我只是想在浏览器中运行一个最简单的react js文件。但是我无法 请注意,我不想创建-react-app,我只想在本地系统上尝试。 我照做了 在我的中,我创建了2个文件 clock.html 和 clock.js 然后在Chrome浏览器中,输入。我希望看到我的时钟,但我不知道 我做错了什么? 我对JS还是反应很新,刚刚开始阅读,因此请向我提供逐步说明。 这是我的档案 c

  • 推荐: http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html 304 Not Modified

  • 本文向大家介绍简介Nginx服务器的Websockets配置方法,包括了简介Nginx服务器的Websockets配置方法的使用技巧和注意事项,需要的朋友参考一下 Nginx 1.3.13 已经发布了,该版本支持 Connection: upgrade 和 Upgrade 头,这就意味着支持WebSocket代理了.很多人都在等这个新特性以至于 “Nginx 支持 websockets 吗?” 成