HTTP缓存 Etag

什么是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 令牌。
• 服务器根据当前资源核对令牌，验证是否发生变化，将验证结果通知给客户端，客户端根据结果看看是否需要从缓存中读取还是发送资源请求。