什么是ETag?
Etag
是Entity tag
的缩写,可以理解为“被请求变量的实体值”,Etag
是服务端的一个资源的标识,在 HTTP
响应头中将其传送到客户端。所谓的服务端资源可以是一个Web
页面,也可以是JSON
或XML
等。服务器单独负责判断记号是什么及其含义,并在HTTP
响应头中将其传送到客户端。
比如,浏览器第一次请求一个资源的时候,服务端给予返回,并且返回了
ETag: "50b1c1d4f775c61:df3"
这样的字样给浏览器,当浏览器再次请求这个资源的时候,浏览器会将If-None-Match: W/"50b1c1d4f775c61:df3"
传输给服务端,服务端拿到该ETAG
,对比资源是否发生变化,如果资源未发生改变,则返回304
状态码,不返回具体的资源。
模拟
在本地通过 express 启了一个非常简单的个服务,具体如下
// app.js
const express = require('express');
const app = express();
app
.get('/', (req, res) => {
res.send('hello')
})
.listen(3000)
仔细看的话会发现,第一次进入页面http://127.0.0.1:3000/
时,Status
为200
而再次刷新发现Status
却是304
第一次请求时候请求中返回响应中有一个ETag: W/"a-QFZ79AprHeNlMfPMKXyEUV+lyOg"
字段。下次请求中请求头会添加 If-None-Match: W/"a-QFZ79AprHeNlMfPMKXyEUV+lyOg"
,If-None-Match
的值和第一次请求的ETag
的值相同。
其实浏览器会根据HTTP
请求的ETag
验证请求的资源是否发生了改变,如果它未发生变化,服务器将返回“304 Not Modified”
响应,并且资源从浏览器缓存中读取,这样就不必再次下载请求。
总结
- 如果缓存中有
ETag
令牌,客户端请求时会自动在If-None-Match
提供ETag
令牌。 - 服务器根据当前资源核对令牌,验证是否发生变化,将验证结果通知给客户端,客户端根据结果看看是否需要从缓存中读取还是发送资源请求。