浏览器缓存理解

浏览器请求缓存机制

Cache Control:

response Header中设置缓存

no-cache | max-age=0

在缓存有效期内，必须先请求服务器验证是否使用缓存，而非不缓存

no-store不缓存

max-age = 12200

服务器返回资源的同时，会返回ETag值，客户端首次访问后，将ETag值和资源同时缓存下来，新开浏览器窗口，再次访问，如果在资源有效期内，则会直接读取本地缓存；


否则会在请求时，在**If-None-Match:**中将Etag传给服务端，作为比较，如果一致，则取缓存中的数据，服务器返回304。如果刷新当前页面，则同样需要请求服务器进行验证缓存是否可用。

max-age=0, must-revalidate

阅读参考文档
“浏览器缓存机制浅谈” https://juejin.im/entry/58a5a576b123db005ead41ad