author：咔咔

瀏覽器緩存：

HTTP協(xié)議定義的緩存機制（如：Expires;Cache-control等）

瀏覽器無緩存：

請求步驟

瀏覽器有緩存：

請求步驟

檢驗過期機制：

?

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

max-age過期時間

Etag跟last-Modified是本地緩存失效后，在服務端檢驗的倆個參數(shù)，last-Modified后跟的具體時間，Etag后跟的是一個報文，這個報文在本地跟服務端都會產(chǎn)生一份

由于last-Modified的時間只精確到秒，所以有時會存在在秒內(nèi)的數(shù)據(jù)更新，這個時候就需要Etag這個參數(shù)

這倆個參數(shù)都是會在本地跟服務端同時產(chǎn)生，當用戶在次請求的時候，會拿著倆個參數(shù)做對比，如果相同會直接返回，并且狀態(tài)是304

實現(xiàn)過程

場景演示：

// 配置語法

添加Cache-Control、Expires頭

Syntax：expires [modifies] time;

        expires epoch | max | off

Default:expires off;

Context:http,sercver,localtion,if in location

我們在服務器定義了一個kaka.html文件

現(xiàn)在訪問一下

我們可以看到訪問狀態(tài)是200

下來我們配置一下nginx.conf

再來測試

這個時候就已經(jīng)成功了