小編這次要給大家分享的是詳解nginx如何設(shè)置瀏覽器協(xié)商緩存，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),洪洞企業(yè)網(wǎng)站建設(shè),洪洞品牌網(wǎng)站建設(shè),網(wǎng)站定制,洪洞網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,洪洞網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

這篇文章主要介紹了基于nginx設(shè)置瀏覽器協(xié)商緩存過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

強(qiáng)緩存與協(xié)商緩存的區(qū)別

強(qiáng)緩存：瀏覽器不與服務(wù)端協(xié)商直接取瀏覽器緩存

協(xié)商緩存：瀏覽器會先向服務(wù)器確認(rèn)資源的有效性后才決定是從緩存中取資源還是重新獲取資源

協(xié)商緩存運作原理

現(xiàn)在有一個這樣的業(yè)務(wù)情景：后端的靜態(tài)資源會不定時地發(fā)生更新，而因為瀏覽器默認(rèn)使用強(qiáng)緩存，會默認(rèn)從瀏覽器緩存中取到過時的資源。

現(xiàn)在我們希望瀏覽器每次獲取資源的時候都向后端確認(rèn)資源是否更新，就要設(shè)置瀏覽器使用協(xié)商緩存

那么后端如何判斷資源是否更新了呢？這時就要用到Etag和Last-Modified兩項響應(yīng)頭。

每次收到一個靜態(tài)資源的請求時，后端都將資源的最后修改時間（Last-Modified）、根據(jù)資源內(nèi)容計算出來的Etag放在響應(yīng)頭給前端。

前端收到響應(yīng)后將這兩項緩存起來，然后在下次請求同樣資源的時候，將這兩項的內(nèi)容放到If-Modified-Since和If-None-Match這兩項請求頭中。

服務(wù)端收到這兩項后，會與資源當(dāng)前生成的Etag和Last-Modified做比較，如果兩者都一致，說明資源沒有更新，服務(wù)端會返回304空響應(yīng)；否則，說明資源有更新，服務(wù)端會將完整的資源內(nèi)容返回

實現(xiàn)

那么如何實現(xiàn)這樣一個復(fù)雜的過程呢？其實很簡單，只要使用nginx作為靜態(tài)資源的服務(wù)器，再在響應(yīng)頭加上Cache-Control:no-cache就可以了。

下面來分步驟實現(xiàn)一下

1. 使用nginx作為靜態(tài)資源的服務(wù)器

在nginx的配置中，將對靜態(tài)資源的請求映射到資源的磁盤路徑上

http {
  server {
  listen 80;
  ...
  location /picture/ {
    alias D:/luozixi/tcp_test/picture/;
    # alias是重定義路徑
    # 比如訪問127.0.0.1/picture/1_new.gif，則會映射為訪問D:/luozixi/tcp_test/picture/1_new.gif
    # web應(yīng)用根本不會收到請求，picture的請求都被nginx處理了
    # alias是替換，root是拼接
    autoindex on;
    # 訪問127.0.0.1/picture/，會得到目錄的索引界面
    }
  }
}

2. 重新加載nginx配置

nginx -s reload

3. 此時，請求靜態(tài)資源的時候nginx會自動在response頭中加上Etag和Last-Modified兩項

4. 但是這時發(fā)現(xiàn)，如果不配置Cache-Contrl: no-cache，瀏覽器在下次請求這個資源的時候不會將請求發(fā)向后端，而是直接從緩存中獲取資源

5. 在nginx中配置

location /picture/ { 
  add_header Cache-Control no-cache;
  alias D:/luozixi/tcp_test/picture/; 
} 

6.清除瀏覽器緩存后第一次發(fā)起請求，會得到一個正常的200 Response，而且響應(yīng)頭里已經(jīng)有了Cache-Control: no-cache，表示使用協(xié)商緩存

7.再次發(fā)起請求后，會發(fā)現(xiàn)請求頭已經(jīng)帶上了If-Modified-Since和If-None-Match兩項

8.服務(wù)端（nginx）收到這兩項后，會與資源當(dāng)前生成的Etag和Last-Modified做比較，如果兩者都一致，說明資源沒有更新，服務(wù)端會返回304空響應(yīng)；否則，說明資源有更新，服務(wù)端會將完整的資源內(nèi)容返回

另外，服務(wù)器驗證If-Modified-Since的方式只是簡單的字符串比較，即使資源的Last-Modified比If-Modified-Since要早，服務(wù)端仍認(rèn)為資源有更新

9.瀏覽器在收到304響應(yīng)后，會從瀏覽器緩存中取資源。因此速度非常塊

no-cache與no-store的區(qū)別

no-cache表示不緩存過期資源，緩存會向服務(wù)器進(jìn)行有效處理確認(rèn)之后處理資源

而no-store才是真正的不進(jìn)行緩存。

看完這篇關(guān)于詳解nginx如何設(shè)置瀏覽器協(xié)商緩存的文章，如果覺得文章內(nèi)容寫得不錯的話，可以把它分享出去給更多人看到。

文章標(biāo)題：詳解nginx如何設(shè)置瀏覽器協(xié)商緩存
本文來源：http://jinyejixie.com/article0/iiciio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)站排名、虛擬主機(jī)、服務(wù)器托管、手機(jī)網(wǎng)站建設(shè)、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)