Cache-Control, Expires, ETag和If-None-Match

最新推荐文章于 2025-06-26 16:58:46 发布

优快云认证用户

最新推荐文章于 2025-06-26 16:58:46 发布

阅读量879

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTTP

本文链接：https://blog.youkuaiyun.com/Helloyongwei/article/details/80560797

HTTP 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了HTTP缓存控制机制，包括Cache-Control、Expires和ETag的使用方法。详细解释了如何通过这些头部信息来减少服务器负载及提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Cache-Control

cache-control用于设置缓存. 我们在服务器端设置如下:

response.setHeader('Cache-Control', 'max-age=30')

服务器返回带有cache-control的响应. 当浏览器再次请求同一URL资源时, 若没有超过30秒, 则会加载缓存中的资源. 若超过30秒则会向服务器重新请求.

不能为全部资源设置缓存, 否则当服务器端更新资源时, 客户端用的还是缓存. 通常将首页不设置缓存, 其他资源设置缓存.

不为首页设置cache-control时, 当服务器更新资源时, 资源对应的URL也会改变. 此时客户端发送请求, 其请求资源的URL也会改变. 即客户端不会从缓存中获取资源, 而是从服务器端获取资源.

Expires

expires和cache-coontrol的用处一样, 它也是为缓存设置有效时间. 与cache-control不同的是, expires是老的API, cache-control是新的API. 且cache-control的优先级比expires的优先级高.
expires可以用来删除cookie. cookie有下面的特性:

若设置的cookie已存在, 则会覆盖之前设置的cookie.
若设置的cookie不存在, 则会添加到现有cookie中

没有删除已存在cookie的直接方法. 间接方法是设置相同的cookie, 并且将cookie的失效时间设置为以前
删除cookie只需设置一个已经过期的时间即可:

response.setHeader('Expires', 'Wed, 21 Oct 1900 07:28:00 GMT')

ETag和If-None-Match

在介绍ETag之前先介绍一下MD5算法. MD5算法是一个摘要算法, 它会为一个文件生成一个数字签名, 这个数字签名是独一无二的.
我们将资源的md5值放在ETag属性中, 这样当我们请求服务器的资源时, 可以比较上次请求的md5值和本次请求的md5值. 注意请求的资源的URL必须是一致的.

若相等则说明资源未更新, 返回部分响应, 包含304状态码, 客户端从缓存中获取资源.
反之说明资源更新了, 服务器返回完整的响应, 即客户端从服务器端获取资源.

ETag在服务器端设置:

let file = md5(string)
response.setHeader('ETag', file)
if (file === request.headers['if-none-match']) {
    response.statusCode = 304//匹配
} else {
    response.write(string)//不匹配
}

当客户端第一次请求资源时, 服务器设置ETag值并返回响应. 若客户端发送第二次请求, 会在请求体中包括If-None-Match字段, 该字段值为上次响应中的ETag值. 服务器接收第二次请求并判断服务器当前资源的ETag值与请求体中的If-None-Match值是否一致. 若一致则返回304状态码, 客户端从缓存中获取资源, 若不一致则返回新的资源.