【计算机网络】Http强制缓存和协商缓存

Http缓存

Http前端与后端交互的过程，不是每次都要从后端取得数据的，其中有强制缓存和协商缓存机制。所谓强制缓存是指浏览器的缓存，请求资源时浏览器检查本地资源的标识，如果没有过期那么直接使用浏览器本地缓存；协商缓存是指浏览器本地资源缓存过期，或者判定无效时，需要请求服务器，如果服务器返回304响应码标识缓存仍处于有效状态，那么浏览器直接使用本地缓存，否则服务器返回200标识资源已经修改，需要使用服务器的修改过的版本。

使用nginx的情况下，默认会添加E-tag和Last-Modified响应头。例如，在本地没有资源的情况下，向服务器请求1.jpg资源，这时候的请求和响应是：

GET /images/1.jpg HTTP/1.1
Host: $host:8020
Connection: keep-alive
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36 Edg/83.0.478.45
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6

HTTP/1.1 200 OK
Server: nginx/1.15.7
Date: Thu, 11 Jun 2020 13:42:03 GMT
Content-Type: image/jpeg
Content-Length: 56532
Last-Modified: Tue, 08 Aug 2017 18:45:01 GMT
Connection: keep-alive
ETag: "598a06ad-dcd4"
Accept-Ranges: bytes

第一次请求，服务器返回了Last-Modified和ETag信息。这时候在请求一次，服务器返回304状态码，表示这是一次协商缓存。

GET /images/1.jpg HTTP/1.1
Host: $host:8020
Connection: keep-alive
Cache-Control: max-age=0
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.9
If-None-Match: "598a06ad-dcd4"
If-Modified-Since: Tue, 08 Aug 2017 18:45:01 GMT

HTTP/1.1 200 OK
Server: nginx/1.15.7
Date: Thu, 11 Jun 2020 13:59:40 GMT
Last-Modified: Tue, 08 Aug 2017 18:45:01 GMT
Content-Type: image/jpeg
Content-Length: 56532
ETag: "598a06ad-dcd4"
Accept-Ranges: bytes

在第一次请求中，nginx没有返回Cache-Control字段，而第二次请求浏览器自动加上了Cache-Control: max-age=0，则浏览器强缓存失效，走协商缓存。