nginx - 瀏覽器是如何處理服務(wù)器返回的expires和Cache-Control參數(shù)的
問題描述
nginx上配置了
expires 1d;
請求相應(yīng)資源時(shí)返回
Cache-Control:max-age=86400Expires:Thu, 11 Aug 2016 12:16:43 GMT
按照我的理解,該資源應(yīng)該在瀏覽器緩存保持一天,在緩存期內(nèi)第二次刷新時(shí)應(yīng)該不需要發(fā)送請求而直接返回
Status Code:200 OK (from cache)
而事實(shí)上,每次請求服務(wù)器會通過etag/Last-Modified對比來處理返回結(jié)果,如果request header 返回的If-Modified-Since/If-None-Match與現(xiàn)有的etag/Last-Modified不匹配,返回200刷新資源,如果匹配,返回304。
那么Expires/ Cache-Control 存在的意義是什么
8-12號更新
在nginx上進(jìn)行如下設(shè)置
add_header Last-Modified ''; expires 5d; etag off;
關(guān)閉etag,關(guān)閉last-modifed;僅僅開啟5天的緩存時(shí)間。response headers返回如下;
Accept-Ranges:bytesCache-Control:max-age=432000Connection:keep-aliveContent-Length:826Content-Type:text/cssDate:Fri, 12 Aug 2016 05:52:24 GMTExpires:Wed, 17 Aug 2016 05:52:24 GMTServer:nginx/1.4.1
請求該css文件時(shí),瀏覽器緩存失效,服務(wù)器每次返回 200,并且在body中返回css;看起來expires 這個(gè)參數(shù)并沒有用
問題解答
回答1:已經(jīng)解決了,我理解的沒錯(cuò),Expires的確是用來控制緩存過期時(shí)間的,沒有過期時(shí)返回200 (fromcache)但重點(diǎn)是我的訪問方式不對,Expires/Cache-Control對f5刷新無效。正確的方式是地址欄確認(rèn)直接訪問。
參考博客http://www.cnblogs.com/skynet...
回答2:你應(yīng)該是兩個(gè)功能都開了,Last-Modified會優(yōu)先被看,Nginx應(yīng)該是默認(rèn)開Last-Modified,或者我記錯(cuò)了
一般情況下,靜態(tài)資源如圖片、CSS用Expires/ Cache-Control,因?yàn)楦膭?dòng)非常少。而改動(dòng)較多的可以用Last-Modified,確保瀏覽器拿到最新版本
回答3:樓主是在nginx.conf的那一塊配置的。我配置expires沒有生效。但是gzip壓縮的生效了...
相關(guān)文章:
1. javascript - vue提示語法錯(cuò)誤,請問錯(cuò)誤在哪?2. css - 移動(dòng)端 oppo 手機(jī)之 Border-radius3. 淺談vue生命周期共有幾個(gè)階段?分別是什么?4. index.php錯(cuò)誤,求指點(diǎn)5. python - 抓包只抓到j(luò)son,真實(shí)的地址卻找不到6. angular.js - angularjs中添加高德地圖API,地圖顯示不正常,控制臺報(bào)錯(cuò),何解?7. java - web端百度網(wǎng)盤的一個(gè)操作為什么要分兩次請求服務(wù)器, 有什么好處嗎8. javascript - vue.js如何遞歸渲染組件.9. html - JavaScript的Dom操作如何改變子元素的文本內(nèi)容10. css - 關(guān)于偽類背景問題
