講解Nginx服務(wù)器中設(shè)置本地瀏覽器緩存的簡單方法

更新時(shí)間：2015年12月30日 14:19:22 作者：jevien

這篇文章主要介紹了Nginx服務(wù)器中設(shè)置本地瀏覽器緩存的簡單方法,需要的朋友可以參考下

瀏覽器緩存（Browser Caching）是為了加速瀏覽并節(jié)約網(wǎng)絡(luò)資源，瀏覽器在用戶磁盤上對(duì)最近請求過的文檔進(jìn)行存儲(chǔ)。
nginx可以通過 expires 指令來設(shè)置瀏覽器的Header
語法： expires [time|epoch|max|off]
默認(rèn)值： expires off
作用域： http, server, location
使用本指令可以控制HTTP應(yīng)答中的“Expires”和“Cache-Control”的頭標(biāo)，（起到控制頁面緩存的作用）。
可以在time值中使用正數(shù)或負(fù)數(shù)?！癊xpires”頭標(biāo)的值將通過當(dāng)前系統(tǒng)時(shí)間加上您設(shè)定的 time 值來獲得。
epoch 指定“Expires”的值為 1 January, 1970, 00:00:01 GMT。
max 指定“Expires”的值為 31 December 2037 23:59:59 GMT，“Cache-Control”的值為10年。
-1 指定“Expires”的值為服務(wù)器當(dāng)前時(shí)間 -1s,即永遠(yuǎn)過期

例子：
圖片緩存30天

location ~.*\.(jpg|png|jpeg)$
 {
 expires 30d;
 }

js css緩存一小時(shí)

location ~.*\.(js|css)?$
 {
 expires 1h;
 }

瀏覽器緩存的頭信息，在nginx里也是可以設(shè)置的，如下。

 #配置在server節(jié)點(diǎn)下 
 #將favicon.ico放到nginx安裝目錄的html目錄下 
location = /favicon.ico { 
  root html; 
  index index.html index.htm; 
  expires 30d; #會(huì)同時(shí)設(shè)置Expires 和 Cache-Control:max-age 
  add_header Pragma Pragma; 
 }

設(shè)置完以后，請求通過瀏覽器查看。
增加了

Cache-Control:max-age=2592000 
Expires:Sun, 08 Nov 2015 01:07:48 GMT

緩存生效。

注意事項(xiàng)
調(diào)試的時(shí)候要注意幾個(gè)問題：
四類用戶行為影響緩存:F5刷新，F(xiàn)5強(qiáng)制刷新，點(diǎn)擊刷新，地址欄回車。會(huì)讓Expires失效。

您可能感興趣的文章:

Nginx
緩存

相關(guān)文章

nginx查看連接數(shù)的幾種方法小結(jié)
nginx作為目前最流行的web服務(wù)器之一,在許多生產(chǎn)環(huán)境都能看到他的蹤影,有時(shí)候,我們需要統(tǒng)計(jì)nginx的連接配置,本文主要分享一下如何統(tǒng)計(jì)nginx的連接數(shù),需要的朋友可以參考下
2024-02-02
詳解nginx+php執(zhí)行請求的工作原理
這篇文章主要介紹了詳解nginx+php執(zhí)行請求的工作原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-02-02
Nginx 請求壓縮的實(shí)現(xiàn)(動(dòng)態(tài)壓縮,靜態(tài)壓縮)
本文主要介紹了Nginx 請求壓縮的實(shí)現(xiàn)(動(dòng)態(tài)壓縮,靜態(tài)壓縮)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-03-03
nginx增加健康檢查接口的實(shí)現(xiàn)示例
Nginx作為一款強(qiáng)大的反向代理服務(wù)和負(fù)載均衡服務(wù),而健康檢查是為了保障nginx能夠準(zhǔn)確的轉(zhuǎn)發(fā)到后端的可用服務(wù),本文主要介紹了nginx增加健康檢查接口的實(shí)現(xiàn)示例,感興趣的可以了解一下
2024-02-02
在Nginx服務(wù)器中配置針對(duì)TCP的負(fù)載均衡的方法
這篇文章主要介紹了在Nginx服務(wù)器中配置針對(duì)TCP的負(fù)載均衡的方法,另外還介紹了TCP負(fù)載均衡的執(zhí)行原理,需要的朋友可以參考下
2015-12-12
Nginx服務(wù)啟動(dòng)和停止實(shí)現(xiàn)
使用Nginx的過程中,我們可能總是需要修改nginx配置文件,然后不停地啟動(dòng)或者停止nginx服務(wù),本文就來介紹一下,感興趣的可以了解一下
2023-11-11
配置Nginx出現(xiàn)403(Forbidden)靜態(tài)文件加載不出來的解決方法
本文主要介紹了配置Nginx出現(xiàn)403(Forbidden)靜態(tài)文件加載不出來的解決方法,文中通過圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-12-12
Nginx用戶認(rèn)證配置方法詳解(域名/目錄)
Nginx超級(jí)強(qiáng)大它可以單獨(dú)為一個(gè)域名設(shè)置用戶認(rèn)證,方法也很簡單我們只要生成用戶認(rèn)證的用戶名和密碼，然后再Nginx添加auth認(rèn)證配置即可
2013-08-08
nginx臨時(shí)搭建rtmp服務(wù)器的方法實(shí)現(xiàn)
nginx是一款優(yōu)秀的反向代理工具,通過Nginx自帶的rtmp模塊,也可以實(shí)現(xiàn)rtmp服務(wù)器的搭建，本文主要介紹了nginx臨時(shí)搭建rtmp服務(wù)器，具有一定的參考價(jià)值，感興趣的可以了解一下
2024-02-02
nginx中配置使用proxy?protocol協(xié)議的全過程
proxy protocol是一個(gè)Internet協(xié)議,通過為tcp添加一個(gè)很小的頭信息,來方便的傳遞客戶端信息,在網(wǎng)絡(luò)情況復(fù)雜又需要獲取用戶真實(shí)IP時(shí)非常有用,這篇文章主要給大家介紹了關(guān)于nginx中配置使用proxy?protocol協(xié)議的相關(guān)資料,需要的朋友可以參考下
2022-04-04