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

 更新时间:2015年12月30日 14:19:22   作者:jevien  
这篇文章主要介绍了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失效。

相关文章

  • 前端异常502 bad gateway的原因和解决办法

    前端异常502 bad gateway的原因和解决办法

    本文详细讲解了前端异常502 bad gateway的原因和解决办法,文中通过示例代码介绍的非常详细。对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧<BR>
    2021-12-12
  • 关于nginx proxy_set部分常见配置

    关于nginx proxy_set部分常见配置

    这篇文章主要介绍了关于nginx proxy_set部分常见配置,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-05-05
  • 详解Nginx 工作原理

    详解Nginx 工作原理

    这篇文章主要介绍了Nginx 工作原理,帮助大家更好的理解和学习nginx,感兴趣的朋友可以了解下
    2020-10-10
  • 超实用的Nginx常见配置合集分享

    超实用的Nginx常见配置合集分享

    这篇文章主要为大家详细介绍了超实用的Nginx常见配置合集,文中的示例代码讲解详细,对我们学习或工作有一定的参考价值,感兴趣的可以了解一下
    2022-07-07
  • 一文了解nginx HTTP安全响应问题

    一文了解nginx HTTP安全响应问题

    一些网站系统会经常遭到各类XSS攻击、点劫持等,从而造成重要信息的泄露以及服务器安全问题,本文就来介绍一下,感兴趣的可以了解一下
    2023-11-11
  • 图文详解nginx日志切割的实现

    图文详解nginx日志切割的实现

    这篇文章主要给大家介绍了关于nginx日志切割实现的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-01-01
  • FastDFS及Nginx整合实现代码解析

    FastDFS及Nginx整合实现代码解析

    这篇文章主要介绍了FastDFS及Nginx整合实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-08-08
  • Nginx可视化管理工具结合cpolar实现远程访问的步骤详解

    Nginx可视化管理工具结合cpolar实现远程访问的步骤详解

    Nginx Proxy Manager 是一个开源的反向代理工具,本文将给大家介绍在Linux 安装Nginx Proxy Manager并且结合 cpolar内网穿透工具实现远程访问管理界面,同等,当我们使用Nginx Proxy Manager配置其他本地服务,并且需要远程访问,也是同样的方式,需要的朋友可以参考下
    2023-09-09
  • 一文教会你使用Nginx访问日志统计PV与UV

    一文教会你使用Nginx访问日志统计PV与UV

    做网站的都知道,平常经常要查询下网站PV、UV等网站的访问数据,所以下面这篇文章主要给大家介绍了关于如何使用Nginx访问日志统计PV与UV的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • 解析nginx server_name的具体使用

    解析nginx server_name的具体使用

    nginx server_name对于正确配置虚拟主机非常重要,本文主要介绍了解析nginx server_name的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-08-08

最新评论