當前位置:首頁 » 文件管理 » nginxjs緩存

nginxjs緩存

發布時間: 2024-12-27 18:43:47

Ⅰ nginx 緩存JS一小時,請問如何更新緩存

nginx 緩存 JS一小時,如下
location ~ .*\.(js|css)?$ {
expires 1h;
}

OK,這是沒有問題的,我要臨時刷新緩存,大不了加個後綴即可,例如:abc.js?v=123

Ⅱ Nginx緩存設置教程

| 這篇文章主要介紹了Nginx緩存設置案例詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下 |

在開發調試web的時候,經常會碰到因瀏覽器緩存(cache)而經常要去清空緩存或者強制刷新來測試的煩惱,提供下apache不緩存配置和nginx不緩存配置的設置。在常用的緩存設置裡面有兩種方式,都是使用add_header來設置:分別為Cache-Control和Pragma。

對於站點中不經常修改的靜態內容(如圖片,JS,CSS),可以在伺服器中設置expires過期時間,控制瀏覽器緩存,達到有效減小帶寬流量,降低伺服器壓力的目的。

以Nginx伺服器為例:

【背景】:Expires是Web伺服器響應消息頭欄位,在響應http請求時告訴瀏覽器在過期時間前瀏覽器可以直接從瀏覽器緩存取數據,而無需再次請求。

【相關資料】

1、Cache-control策略

Cache-Control與Expires的作用一致,都是指明當前資源的有效期,控制瀏覽器是否直接從瀏覽器緩存取數據還是重新發請求到伺服器取數據。只不過Cache-Control的選擇更多,設置更細致,如果同時設置的話,其優先順序高於Expires。

http協議頭Cache-Control :

值可以是public、private、no-cache、no- store、no-transform、must-revalidate、proxy-revalidate、max-age

各個消息中的指令含義如下:

Last-Modified/If-Modified-Since

其最終達到的就是等效於設置這三類html緩存技術:

Ⅲ Linux下玩轉nginx系列(六)---nginx實現cache(緩存)服務

緩存機制在網站開發中起著關鍵作用,尤其在處理大量靜態文件時,使用緩存能顯著提升網站載入速度。作為高效代理伺服器,Nginx 提供了強大的緩存功能。在大型網站中,面對海量的靜態文件,如 HTML、JS 和 CSS,未使用緩存時的載入速度將大幅下降。因此,合理配置 Nginx 緩存功能是優化網站性能的重要步驟。

Nginx 的緩存功能主要依賴於 ngx_http_proxy_mole 模塊的指令集。常用指令總結如下:

proxy_cache_path 指令用於設定緩存文件存放路徑。

參數說明:path 參數指定緩存路徑地址;levels 參數用於設置緩存空間對應的目錄層級,最多三層,層級值可為 1 或 2。例如,levels=1:2 表示存在兩層目錄,第一層為一個字母,第二層為兩個字母。

示例:zcy[key] 通過 MD5 加密後的值為 ,生成的緩存目錄為 zcy/4/3c

keys_zone 指令用於為緩存區設置名稱和指定大小。

示例:keys_zone=zcy:200m,緩存區名稱為 zcy,大小為 200MB,理論上可存儲約 8000 個 keys。

inactive 指令用於指定緩存數據未被訪問的時間閾值,超過該時間後將被刪除。

示例:inactive=1d 表示緩存數據在 1 天內未被訪問將被刪除。

max_size 指令用於設置緩存空間的最大容量,達到上限後將覆蓋最舊的資源。

示例:max_size=2g 表示最大緩存空間為 2GB。

在 Nginx 配置文件(如 nginx.conf)中應用上述指令後,運行服務時,會發現新增了緩存進程。

配置生效後,訪問 HTML 文件時,不使用緩存;首次訪問圖片時,緩存狀態為 miss;再次訪問同一圖片時,狀態變為 hit,顯示出緩存的有效性。

登錄緩存伺服器進行詳細分析,通常包括:

1. 訪問兩個 URL:例如 192.168.1.102/index.htm... 和 192.168.1.102/test.jpg。

2. 查看緩存目錄,了解緩存文件的存放位置。

3. 查閱緩存配置參數,包括路徑、大小、過期時間等。

4. 分析緩存內容,包括加密方式、緩存命中率等指標。

通過上述分析,可以清晰地了解 Nginx 緩存機制的工作原理。參考官方文檔,可獲得更詳細的配置信息和最佳實踐指南。

Ⅳ nginx 緩存JS一小時,請問如何更新緩存

這個緩存是指你瀏覽器(客戶端,非nginx)緩存,一般情況下,Ctrl+R強制刷新就會去掉緩存。
或者清除你的瀏覽器緩存就OK了。

Ⅳ 【NGINX入門】3.Nginx的緩存伺服器proxy_cache配置

本文介紹NGINX緩存機制,配置和參數說明。

如圖所示,nginx緩存,可以在一定程度上,減少源伺服器的處理請求壓力。因為靜態文件(比如css,js, 圖片)中,很多都是不經常更新的。nginx使用proxy_cache將用戶的請求緩存到本地一個目錄。下一個相同請求可以直接調取緩存文件,就不用去請求伺服器了。畢竟,IO密集型服務的處理是nginx的強項。

Nginx的緩存加速功能是由proxy_cache(用於反向代理和靜態緩存)和fastcgi_cache(PHP動態緩存)兩個功能模塊完成。

Nginx緩存特點:

先上個例子:

因為我是在一台伺服器上做試驗,所以用了兩個埠 80 和 90 進行模擬兩台伺服器之間的交互。

接下來講一下配置項:

這里我設置了 圖片 、 css 、 js 靜態資源進行緩存。
當用戶輸入 http://wangxiaokai.vip 域名時,解析得到 ip:port 的訪問地址。 port 默認為80。所以頁面請求會被當前server截取到,進行請求處理。
當解析到上述文件名結尾的靜態資源,會到緩存區獲取靜態資源。
如果獲取到對應資源,則直接返回數據。
如果獲取不到,則將請求轉發給 proxy_pass 指向的地址進行處理。

這里直接處理 90 埠接受到的請求,到伺服器本地目錄 /mnt/blog 下抓取資源進行響應。

細心的讀者應該發現,我在第二段例子里,留了個彩蛋 add_header wall "hey!guys!give me a star." 。
add_header 是用於在報頭設置自定義的信息。
所以,如果緩存有效的話,那麼靜態資源返回的報頭,一定會帶上這個信息。

(1)Nginx系列教程(3)nginx緩存伺服器上的靜態文件
https://yq.aliyun.com/articles/752967

(2)proxy_cache
nginx 反向代理之 proxy_cache https://www.cnblogs.com/yyxianren/p/10832172.html

(3)Nginx使用upstream負載均衡和proxy_cache緩存實現反向代理
https://blog.51cto.com/13770206/2163952

Ⅵ Nginx緩存什麼時候失效

location ~.*\.(js|css|html|png|jpg)$ 這個是設置類型
{
expires 3d;
}

expires 3d;//表示緩存3天
expires 3h;//表示緩存3小時
expires max;//表示緩存10年
expires -1;//表示永遠過期。
如果設置為-1在js、css等靜態文件在沒有修改的情況下返回的是http 304,如果修改返回http 200
http 304:自從上次請求後,請求的網頁未修改過。伺服器返回此響應時,不會返回網頁內容。
http 200:伺服器已成功處理了請求,這表示伺服器提供了請求的內容。
=======
如果不想讓代理或瀏覽器緩存,加no-cache參數
add_header Cache-Control no-cache;
這樣瀏覽器F5刷新時,返回的就是http 200,而不是http 304

熱點內容
智慧易店伺服器地址是啥 發布:2025-03-14 20:57:49 瀏覽:885
小米ID密碼忘記了有什麼危害 發布:2025-03-14 20:45:28 瀏覽:608
大麥路由器怎麼改密碼 發布:2025-03-14 20:35:42 瀏覽:86
資料庫片語 發布:2025-03-14 20:27:21 瀏覽:248
角色卡演算法 發布:2025-03-14 20:08:48 瀏覽:650
linux伺服器安全加固 發布:2025-03-14 19:59:21 瀏覽:779
android系統資料庫 發布:2025-03-14 19:44:27 瀏覽:237
beats安卓手機怎麼彈窗 發布:2025-03-14 19:33:38 瀏覽:222
安卓手機新充電頭叫什麼 發布:2025-03-14 19:32:53 瀏覽:30
暗處增亮演算法 發布:2025-03-14 19:28:02 瀏覽:641