首先Cache-Control有哪些特性呢？一个是可缓存性
可缓存性
public: 代表这个http请求返回的内容所经过的任何路径中，包括一些中间的http的代理服务器，以及发出这个请求的客户端浏览器，他都可以进行这个返回内容的缓存的操作

private: 代表只有发起请求的浏览器才可以进行缓存

no-cache: 任何一个节点都不可以进行缓存
到期
max-age=<seconds>: 多少秒以后过期，再重新请求

s-maxage=<seconds>: 会代替max-age,但是只有代理服务器里面才会生效，也就是浏览器端还是会读取max-age的时间

max-stale=<seconds>: 如果返回过期之后，但是只要在max-stale的时间内，他还是可以使用缓存，而不需要去原服务器里面请求一个新的内容，这个设置只有发起端才有用
重新验证（不太会用到）
must-revalidate: 在设置了max-age，重新发送请求的时候，再重新验证这个内容是否已经真的过期了

proxy-revalidate: 跟must一样的意思，但是是在代理服务器上用的
其他
no-store: 本地和代理服务器都不可以使用缓存，彻底的不能用，但是no-cache经过验证后可能可以使用

no-transform: 主要用在proxy服务器那边，意思是不要随便改动返回的内容，比如压缩，分片等格式转换
这些头只是声明性的作用，他没有任何强制性的约束力，比如设置一些，让代理服务器按照规范去做，但是完全可以不按照规范做
// server.js

const http = require('http');

const fs = require('fs');

http.createServer(function(req,res){

　　console.log('req come', req.url);

　　if (req.url === '/') {

　　　　const html = fs.readFileSync('test.html', 'utf8');

　　　　res.writeHead(200,{

　　　　　　'Content-Type': 'text/html'

　　　　})

　　　　res.end(html);

　　}

　　if (req.url === '/script.js') {

　　　　res.writeHead(200,{

　　　　　　'Content-Type': 'text/javascript'

　　　　})

　　　　res.end('console.log("script loaded")');

　　}

}).listen(8888);

console.log('server listening on 8888');

console.log('http://localhost:8888/')
<!--test.html-->

<body>

　　<script src='/script.js'></script>

</body>

启动server,可以看到script.js已经加载好了，这代表整个都是通过网络传输过来的，现在将max-age设为20s

if (req.url === '/script.js') {

　　res.writeHead(200,{

　　　　'Content-Type': 'text/javascript',

　　　　'Cache-Control': 'max-age=20'

　　})

　　res.end('console.log("script loaded")');

}

可以看到刷新的时候，已经从缓存里面去请求了，这里把js内容改了，如果没到时间，还是读的缓存，没有读取新的js文件，这是因为 url 没变，所以设置了cache-control，只是客户端缓存，直接读取客户端缓存，根本不经过服务端验证，所以服务端更新了文件之后，客户端并不知道服务端已经更新了
我们希望客户端读取的是缓存，但是又不希望服务端内容更新了之后，比如css,image,js。客户端请求的还是老的资源，常见的做法是使用hash码，这个hash码是根据内容生成的一个hash码，如果内容没变，hash不变，如果内容变了，hash也会变，有了变化之后就是一个新的请求
cache-control通过逗号设置不同的值,同类型会从后往前覆盖
'Cache-Control': 'max-age=20,public,private'

缓存头Cache-Control的含义和使用的更多相关文章

  1. 网站 cache control 最佳实践

    推荐阅读: 2020年软件开发趋势 高并发案例 - 库存超发问题 负载均衡的分类及算法 异地多活架构 Postman 的替代品来了 有时,当第二次访问网站时,看起来比较怪,样式不正常. 通常,是因为 ...

  2. 缓存篇(Cache)~大话开篇

    回到占占推荐博客索引 闲话杂淡 想写这篇文章很久了,但总是感觉内功还不太够,总觉得,要写这种编程领域里的心法(内功)的文章,需要有足够的实践,需要对具体领域非常了解,才能写出来.如今,感觉自己有写这种 ...

  3. 从Java视角理解CPU缓存(CPU Cache)

    从Java视角理解系统结构连载, 关注我的微博(链接)了解最新动态众所周知, CPU是计算机的大脑, 它负责执行程序的指令; 内存负责存数据, 包括程序自身数据. 同样大家都知道, 内存比CPU慢很多 ...

  4. [Java 缓存] Java Cache之 DCache的简单应用.

    前言 上次总结了下本地缓存Guava Cache的简单应用, 这次来继续说下项目中使用的DCache的简单使用. 这里分为几部分进行总结, 1)DCache介绍; 2)DCache配置及使用; 3)使 ...

  5. 大话PHP缓存头

    304的请求机制和200有什么不一样呢?在fiddler中查看304请求的时候突然想到这个问题,就想到研究下这个304请求机制了. 我们自己在nginx上放一个文件,test.png.可以使用下面的地 ...

  6. HTML5学习总结-08 应用缓存(Application Cache)

    一 应用缓存(Application Cache) 1 应用缓存 HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. 应用程序缓存为应用带来三个优势: ...

  7. 如何在 Linux 中清除缓存（Cache）

              如何在 Linux 中清除缓存(Cache)            方法一: http://mp.weixin.qq.com/s?__biz=MjM5ODAzODgyMQ==&am ...

  8. 关于Linux的缓存内存 Cache Memory详解<转>

    转自 http://www.ha97.com/4337.html PS:前天有童鞋问我,为啥我的Linux系统没运行多少程序,显示的可用内存这么少?其实Linux与Win的内存管理不同,会尽量缓存内存 ...

  9. ASP.NET缓存中Cache过期的三种策略

    原文:ASP.NET缓存中Cache过期的三种策略 我们在页面上添加三个按钮并双击按钮创建事件处理方法,三个按钮使用不同的过期策略添加ASP.NET缓存. <asp:Button ID=&quo ...

  10. Kafka元数据缓存(metadata cache)

    经常有人问的一个问题就是:Kafka broker到底是不是无状态的?网上有这样的说法: 正常情况下consumer会在消费完一条消息后线性增加这个offset.当然,consumer也可将offse ...

随机推荐

  1. spring mvc 自定义handler不拦截静态资源

    处理静态资源的handler和处理Controller请求中的handler不同,对应的Interceptor也不同 查找对应handler是在DispatcherServlet中 因此一些自定义的I ...

  2. 风险识别工具 - 影响图(Influence Diagram)

    原文地址:http://blog.csdn.net/jameszhou/archive/2007/06/24/1664494.aspx PMBOK(2004 3rd 英) P248关于风险识别的图形技 ...

  3. php数组·的方法1-数组统计函数

    /** * 下面是数组统计函数 * * * **/ //count() 数组的长度 print_r(count($arr3)); echo '<hr>'; //max() min() 数组 ...

  4. getter与setter

    var obj = { get a() { return 2; }, get c() { return 34 } } Object.defineProperty( obj, 'b', { get: f ...

  5. 2019.03.21 读书笔记 readonly与const

    区别: const是编译时常量(指反编译时看到的源码是常量本身,而不是变量),自带static,只能修饰基元类型.枚举.字符串,readonly是运行时常量(全局变量或者构造赋值),不受类型限制,但在 ...

  6. 使用eclipse IDE遇到的问题

    Problems opening an editor Reason project name does not exist 项目右键->configure->convert to mave ...

  7. Transform控制的物体移动

    Transform控制的物体移动:public class TKMove : MonoBehaviour { public float HSpeed; public float VSpeed; pri ...

  8. [转]使用jquery dataTable

    本文转自:http://blog.csdn.net/llhwin2010/article/details/8663753 jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表 ...

  9. Json的访问

    JSON:JavaScript 对象表示法(JavaScript Object Notation) 写法:名称/值对 访问方法:可以通过 data.名称 访问,也可以通过 data['名称'] 访问 ...

  10. Vue ajax跨域请求

    Vue webpack-dev-server实现跨域请求 思路 配置webpack-dev-server,代理某一个路径到目标路径,同是更改源和重写 Vue里定义一个全部变量:site Vue.pro ...