北京网站如何制作,课程网站的设计,建筑培训网站有哪些,网站建设模拟器❤️浏览器缓存
在HTTP里所谓的缓存本质上只是浏览器和业务侧根据不同的报文字段做出不同的缓存动作而已
四种缓存协议如下
Cache-ControlExpiresETag/If-None-MatchLast-Modified/If-Modified-Since
#x1f3a1;Cache-Control 通过响应头设置Cache-Control和max-ageCache-Control 通过响应头设置Cache-Control和max-age指定该请求需要在浏览器缓存多久在有效时间内重复请求则无需再次访问服务器而是直接从缓存中读取数据
在服务器端设置 Cache-Control:max-age10 表示在10s内重复请求从缓存内获取数据 Expires
通过给响应头设置Expires字段指定缓存过期时间在过期之前重复请求则无需再次访问服务器直接从浏览器获取结果 在服务器端设置Expires为十秒后则表示在10s内重复请求从缓存内获取数据
ETag/If-None-Match ETag需要搭配If-None-Match使用在首次请求资源时服务端会把结果签名缓存在服务端并设置在响应头ETag字段中返回给浏览器业务侧则需要缓存ETag和结果数据并且在下次请求的时候带在请求头if-none-match字段中服务端再次接收到请求后判断ETag和If-None-Match是否相等如果相等则意味着数据结果并没有发生变化直接返回304业务侧接收到304后直接访问之前的缓存结果数据。
客户端 服务器端
✨Last-Modified/If-Modified-Since
在首次请求资源的时候服务端会在响应头中设置last-modified字段返回给浏览器业务侧把last-Modified和结果数据缓存到浏览器并在下一次请求的时候带上请求头If-Modified-Since服务端再次接受到请求后判断If-Modified-Since是否大于等于Last-Modified如果是则意味着结果数据并没有发送变化直接返回304浏览器接收到304后直接访问之前缓存的结果数据
