author：咔咔

wechat：fangkangfk

瀏覽器快取：

HTTP協議定義的快取機制（如：Expires;Cache-control等）

瀏覽器無快取：

請求步驟

瀏覽器有快取：

請求步驟

檢驗過期機制：
 

Expires是在http1.0版本，Cache-Control（max-age）是在http1.1版本

max-age過期時間

Etag跟last-Modified是本地快取失效後，在服務端檢驗的倆個引數，last-Modified後跟的具體時間，Etag後跟的是一個報文，這個報文在本地跟服務端都會產生一份

由於last-Modified的時間只精確到秒，所以有時會存在在秒內的資料更新，這個時候就需要Etag這個引數

這倆個引數都是會在本地跟服務端同時產生，當用戶在次請求的時候，會拿著倆個引數做對比，如果相同會直接返回，並且狀態是304

實現過程

場景演示：

// 配置語法

新增Cache-Control、Expires頭

Syntax：expires [modifies] time;

        expires epoch | max | off

Default:expires off;

Context:http,sercver,localtion,if in location
 

我們在伺服器定義了一個kaka.html檔案

現在訪問一下

我們可以看到訪問狀態是200

下來我們配置一下nginx.conf

再來測試

這個時候就已經成功了