Cache-Control可以用来指定缓存多少时间,如何进行缓存都可以用它设置,Last-Modified服务的时间,这个资源时间是服务端的时间,ETag获取的值必须是唯一的
在请求头中可以看到ETag和Last-Modified
这样一张图就是用户访问浏览器的一个过程
第一次发送请求的时候,先判断是否有缓存,如果没有就会向web服务器发送请求
判断缓存是否过期可以利用Etag进行判断
强缓存不需要发送请求,弱缓存需要向服务端发送请求
(1)用户首次通过浏览器发送请求到服务端获取数据,客户端是没有对 应的缓存,所以需要发送request请求来获取数据;
(2)服务端接收到请求后,获取服务端的数据及服务端缓存的允许后, 返回200的成功状态码并且在响应头上附上对应资源以及缓存信息;
(3)当用户再次访问相同资源的时候,客户端会在浏览器的缓存目录中 查找是否存在响应的缓存文件
(4)如果没有找到对应的缓存文件,则走(2)步
(5)如果有缓存文件,接下来对缓存文件是否过期进行判断,过期的判 断标准是(Expires)
(6)如果没有过期,则直接从本地缓存中返回数据进行展示
(7)如果Expires过期,接下来需要判断缓存文件是否发生过变化
(8)判断的标准有两个,一个是ETag(Entity Tag),一个是Last-Modified
(9)判断结果是未发生变化,则服务端返回304,直接从缓存文件中获 取数据
(10)如果判断是发生了变化,重新从服务端获取数据,并根据缓存协 商(服务端所设置的是否需要进行缓存数据的设置)来进行数据缓存。
本文暂时没有评论,来添加一个吧(●'◡'●)