Nginx 限流的天坑!!

来源:https://www.cnblogs.com/javastack/archive/2022/08/05/16554528.html
-Advertisement-
Play Games

問題背景 大家看看這個頁面,有沒有發現什麼問題? 主頁:http://www.javastack.cn/ 是的,頁面 CSS 樣式全丟失了,導致頁面混亂。。 這個頁面是我人為刪除了樣式(為了演示),真正出現問題是另外一個頁面,最近棧長髮現有個頁面時不時就會出現樣式錯亂的問題,很詭異!! 於是這篇就記 ...


問題背景

大家看看這個頁面,有沒有發現什麼問題?

主頁:http://www.javastack.cn/

是的,頁面 CSS 樣式全丟失了,導致頁面混亂。。

這個頁面是我人為刪除了樣式(為了演示),真正出現問題是另外一個頁面,最近棧長髮現有個頁面時不時就會出現樣式錯亂的問題,很詭異!!

於是這篇就記錄下排查過程,和大家分享下解決方案,也許你會覺得這和 Nginx 有啥關係??我也萬萬想不到,這的確是因為 Nginx 限流引起的。。

開始排查

頁面樣式錯亂,那肯定是檢查樣式文件唄。

樣式文件位置:

頁面中有很多這樣的樣式文件引入,比如:

<link type="text/css" rel="styleSheet" href="/css/style.css" />
<link type="text/css" rel="styleSheet" href="/css/page.css" />
<link type="text/css" rel="styleSheet" href="/css/plugin.css" />
...

這樣寫沒問題呀,之前一直好好的,很神奇,怎麼會時不時樣式錯亂,開始懷疑自己的認知了。

嘗試解決1)

因為項目中使用到了 Spring Boot,而 CSS 文件是放在 /resources/static/css 目錄下,我考慮加上 static 試下:

<link type="text/css" rel="styleSheet" th:href="/static/css/style.css" />
<link type="text/css" rel="styleSheet" th:href="/static/css/page.css" />
<link type="text/css" rel="styleSheet" th:href="/static/css/plugin.css" />
...

結果還是不行。

其實使用 Spring Boot,static 目錄就是預設的資源目錄之一,引用資源文件時並不需要加上 static,我感覺只是做了一次與自我認知對抗的無謂的嘗試。

Spring Boot 這些基礎的東西我就不介紹了,不會的可以關註公眾號Java技術棧,回覆:boot,看我整理的系列詳細教程,實戰源碼也上傳到了 Github 倉庫:

https://github.com/javastacks/spring-boot-best-practice

嘗試解決2)

因為項目中使用到了 Thymeleaf(模板引擎),考慮使用 Thymeleaf 的標簽 th:href 進行引入試試:

<link type="text/css" rel="styleSheet" th:href="@{/css/style.css}" />
<link type="text/css" rel="styleSheet" th:href="@{/css/page.css}" />
<link type="text/css" rel="styleSheet" th:href="@{/css/plugin.css}" />
...

改了之後還是沒什麼用,然後用網頁檢查模式看頁面生成的源碼,發現 Thymeleaf 生成的 href 和之前的一樣,看來問題並不是出在這裡。

解決的轉機

就是因為看了一下網頁源碼,然後我再順便點了一下 Console 面板:

然後就發現了這個 503 錯誤:

503 Service Temporarily Unavailable

然後再點進去 Network 面板看看:

終於定位到問題了,樣式文件載入失敗!!!

這個 503 響應碼明顯是來自伺服器端的錯誤。

註意到上面的 Network 面板沒有,我只發起了一個網頁刷新請求,瀏覽器後臺卻發起了一堆的請求列表,這裡面就包括有 js、css 等靜態資源的請求。

什麼意思?

也就是說,雖然我只向瀏覽器發起了一個請求,實際上是向伺服器發起了 N 個請求,這和頁面上引用到的 css、js 文件數量有關係,這些靜態資源的請求也會納入一個新請求。

如果 Nginx 限流設置的是每秒 5 個請求:

limit_req_zone $binary_remote_addr zone=mylimit:10m rate=5r/s;

而頁面上的 css、js 文件數量卻達到了 8 個,如果在一秒之內載入完整個頁面及附帶的 8 個資源,那其他 4 個資源勢必會被限流規則擋住,如果是 2 秒載入完就沒問題(每秒 4、5 個)。

終於找到了頁面時不是時樣式錯亂的原因了!!

解決方案

既然頁面上引入的每個 css、js 文件也算一個請求,那就得調整限流規則了。

可以根據被請求的資源文件數量再作一個限流調整:

limit_req_zone $binary_remote_addr zone=mylimit:10m rate=20r/s;

但這樣可能又會影響所有的頁面,包括介面,因為每個頁面的資源文件數量是不同的,純介面又是沒有頁面跳轉的,也就不大可能會引用靜態資源文件。

我的想法是可以保持之前的所有限流,對 css、js 等靜態資源的訪問就取消限流。

保持所有限流:

location / {
    limit_req zone=mylimit;
    proxy_pass http://javastack.cn;
}

靜態資源不限流:

location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
	proxy_pass http://javastack.cn;
}

修改之後,重新載入 Nginx 配置,反覆測試,頁面顯示正常了。

總結

這個坑其實和 Nginx 本身並沒有關係,但卻和 Nginx 息息相關,通過這個問題,也讓我感覺到很多技術我們只知道簡單的用,或者只知其一,不知其二,就比如說我上一個遇到的 Nginx 的坑:

Nginx 轉發時的一個坑,運維居然讓我背鍋!!

這些細節的坑我怎麼能想到呢?我不可能把 Nginx 文檔全部熟讀一遍。。這些問題也只有碰到了才會去嘗試解決,不找理由,說白了,還是我掌握的不夠深,不夠全面吧!

但現實也很殘酷,不可能全部技術都學得精深,時間精力也不允許,技術更新也快,但有一點,遇到問題了,我們要學會總結經驗,避免下次再犯,這樣也是一個知識的積累過程。

好了,今天的分享就到這裡了,後面棧長會分享更多好玩的 Java 技術和最新的技術資訊,關註公眾號Java技術棧第一時間推送,我也將主流 Java 面試題和參考答案都整理好了,在公眾號後臺回覆關鍵字 "面試" 進行刷題。

版權聲明: 本文系公眾號 "Java技術棧" 原創,轉載、引用本文內容請註明出處,抄襲、洗稿一律投訴侵權,後果自負,並保留追究其法律責任的權利。

近期熱文推薦:

1.1,000+ 道 Java面試題及答案整理(2022最新版)

2.勁爆!Java 協程要來了。。。

3.Spring Boot 2.x 教程,太全了!

4.別再寫滿屏的爆爆爆炸類了,試試裝飾器模式,這才是優雅的方式!!

5.《Java開發手冊(嵩山版)》最新發佈,速速下載!

覺得不錯,別忘了隨手點贊+轉發哦!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • (目錄) turtle庫的介紹 turtle庫也叫海龜庫,1969年誕生,是turtle繪圖體系的Python實現。turtle庫是Python語言的標準庫之一,是入門級的圖形繪製函數庫。 turtle庫的使用 方法一:import turtle 這種方法在之後每次引用turtle庫裡面的函數都需要 ...
  • Java多線程(二) 四、線程的同步 4.1 線程同步的引入: 多線程出現了安全問題。 問題的原因: 當多條語句在操作同一個線程共用數據時,一個線程對多條語句只執行了一部分,還沒有執行完,另一個線程參與進來執行。導致共用數據的錯誤。例如:買票問題、銀行卡消費問題等等。 解決辦法: 對多條操作共用數據 ...
  • 一、 編碼規約 1.1 標簽 (1)【強制】PHP 程式可以使用或來界定 PHP 代碼,在 HTML 頁面中嵌入純變數時,可以使用這樣的形式,不可使用其他的標簽變種。 正例: <?php /** * 編碼規約 * Created by PhpStorm. * User: [email protected] ...
  • 在SpringBoot中配置 Druid 數據源及密碼加密的方法 前文集成 MyBatis Plus,實現了一組增刪改查介面。在啟動服務時,從控制臺中可以看出 Spring Boot 預設使用 Hikari 作為資料庫連接池,Hikari性能很優秀。在國內使用較多的連接池還屬阿裡開源的 Druid, ...
  • 前言 之前也瞭解到過一致性哈希演算法,但是沒有用go實現過,剛好最近看GeeCache,動手實現下一致性哈希演算法 正文: 我們先來想下一致性哈希演算法的數據結構含有哪些內容: 1.map 用來存儲虛擬節點對應的真實節點,是一個映射表 2.hash 哈希函數 3.key 哈希環,存儲所有虛擬節點 4.re ...
  • 前言 最近在學習C++的類如何構造,在W3Cschool上看到關於拷貝構造函數的一個例子,記錄一下。 案例背景 這篇文章大致是構造瞭如下的一個Line類: class Line{ public: int getLength(void); Line(int len); // 簡單構造函數 Line(c ...
  • JPA是Java Persistence API的簡稱,中文名Java持久層API,是JDK 5.0註解或XML描述對象-關係表的映射關係,並將運行期的實體對象持久化到資料庫中。 ...
  • 用Python來繪製自己的個人足跡地圖, 精確到市級別。 首先我們需要安裝以下Python的第三方模塊: echarts-china-cities-pypkg==0.0.9 echarts-china-provinces-pypkg==0.0.3 pyecharts==1.6.2 PyYAML==5 ...
一周排行
    -Advertisement-
    Play Games
  • 下麵是一個標準的IDistributedCache用例: public class SomeService(IDistributedCache cache) { public async Task<SomeInformation> GetSomeInformationAsync (string na ...
  • 這個庫提供了在啟動期間實例化已註冊的單例,而不是在首次使用它時實例化。 單例通常在首次使用時創建,這可能會導致響應傳入請求的延遲高於平時。在註冊時創建實例有助於防止第一次Request請求的SLA 以往我們要在註冊的時候實例單例可能會這樣寫: //註冊: services.AddSingleton< ...
  • 最近公司的很多項目都要改單點登錄了,不過大部分都還沒敲定,目前立刻要做的就只有一個比較老的項目 先改一個試試手,主要目標就是最短最快實現功能 首先因為要保留原登錄方式,所以頁面上的改動就是在原來登錄頁面下加一個SSO登錄入口 用超鏈接寫的入口,頁面改造後如下圖: 其中超鏈接的 href="Staff ...
  • Like運算符很好用,特別是它所提供的其中*、?這兩種通配符,在Windows文件系統和各類項目中運用非常廣泛。 但Like運算符僅在VB中支持,在C#中,如何實現呢? 以下是關於LikeString的四種實現方式,其中第四種為Regex正則表達式實現,且在.NET Standard 2.0及以上平... ...
  • 一:背景 1. 講故事 前些天有位朋友找到我,說他們的程式記憶體會偶發性暴漲,自己分析了下是非托管記憶體問題,讓我幫忙看下怎麼回事?哈哈,看到這個dump我還是非常有興趣的,居然還有這種游戲幣自助機類型的程式,下次去大玩家看看他們出幣的機器後端是不是C#寫的?由於dump是linux上的程式,剛好win ...
  • 前言 大家好,我是老馬。很高興遇到你。 我們為 java 開發者實現了 java 版本的 nginx https://github.com/houbb/nginx4j 如果你想知道 servlet 如何處理的,可以參考我的另一個項目: 手寫從零實現簡易版 tomcat minicat 手寫 ngin ...
  • 上一次的介紹,主要圍繞如何統一去捕獲異常,以及為每一種異常添加自己的Mapper實現,並且我們知道,當在ExceptionMapper中返回非200的Response,不支持application/json的響應類型,而是寫死的text/plain類型。 Filter為二方包異常手動捕獲 參考:ht ...
  • 大家好,我是R哥。 今天分享一個爽飛了的面試輔導 case: 這個杭州兄弟空窗期 1 個月+,面試了 6 家公司 0 Offer,不知道問題出在哪,難道是杭州的 IT 崩盤了麽? 報名面試輔導後,經過一個多月的輔導打磨,現在成功入職某上市公司,漲薪 30%+,955 工作制,不咋加班,還不捲。 其他 ...
  • 引入依賴 <!--Freemarker wls--> <dependency> <groupId>org.freemarker</groupId> <artifactId>freemarker</artifactId> <version>2.3.30</version> </dependency> ...
  • 你應如何運行程式 互動式命令模式 開始一個互動式會話 一般是在操作系統命令行下輸入python,且不帶任何參數 系統路徑 如果沒有設置系統的PATH環境變數來包括Python的安裝路徑,可能需要機器上Python可執行文件的完整路徑來代替python 運行的位置:代碼位置 不要輸入的內容:提示符和註 ...