【Nginx】圖片顯示過慢,文件下載不完全,竟然是Nginx的鍋!!


寫在前面

最近,一名讀者跟我說他通過瀏覽器訪問自己的服務器時,圖片顯示的非常慢,以至於在瀏覽器中都無法完全加載出來,下載文件時,更是惱火,文件根本就無法完全下載下來。而且奇怪的是這位讀者所在的網絡是沒啥問題的。於是,我便開始幫他排查各種問題。。。

問題定位

經過一系列的排查(中間過程我就省略了,直接寫重點了!),最終定位到是Nginx的問題。當我打開這位讀者的網站后台管理系統,發現圖片顯示非常慢,在Nginx前端代理上查出如下錯誤信息。

[error] 28423#0: *5 connect() failed (111: Connection refused) while connecting to upstream

直接在后台服務器上用后台服務器的IP地址去訪問,發現速度相當快,於是懷疑是Nginx的配置問題。

注意:當下載大的附件,或是頁面中有大圖片時,就會下載中斷或是圖片無法顯示,也許你會說我用的Nginx缺省的配置也從來沒有碰到過這種問題呀!我想說的是:那是因為你的網站沒有大文件,至少沒有大到使用Nginx的默認配置加載不出來。

這里,我給出一段Nginx的配置,如下所示。

location /file {
	 root /home/file;
	 index  index.html index.htm;
	 proxy_set_header X-Real-IP $remote_addr;
	 proxy_set_header   Host $host;
	 proxy_pass http://127.0.0.1:8080 ;
	 client_max_body_size     100m;
	 client_body_buffer_size  128k;
	 proxy_connect_timeout    600;
	 proxy_read_timeout       600;
	 proxy_send_timeout       600;
	 proxy_buffer_size        32k;
	 proxy_buffers          4 64k;
	 proxy_busy_buffers_size 64k;
	 proxy_temp_file_write_size 64k;
}

其中幾個重要的參數如下所示。

  • proxy_connect_timeout 600; #nginx跟后端服務器連接超時時間(代理連接超時)
  • proxy_read_timeout 600; #連接成功后,后端服務器響應時間(代理接收超時)
  • proxy_send_timeout 600; #后端服務器數據回傳時間(代理發送超時)
  • proxy_buffer_size 32k; #設置代理服務器(nginx)保存用戶頭信息的緩沖區大小
  • proxy_buffers 4 32k; #proxy_buffers緩沖區,網頁平均在32k以下的話,這樣設置
  • proxy_busy_buffers_size 64k; #高負荷下緩沖大小(proxy_buffers*2)
  • proxy_temp_file_write_size 16k; #設定緩存文件夾大小,大於這個值,將從upstream服務器傳

看到這里,發現問題了,這位讀者的Nginx有下面一行配置。

proxy_temp_file_write_size 16k;

而他服務器上的圖片基本都在100K~5M之間。

問題就出在proxy_temp_file_write_size上,當服務器上的文件超過該參數設置的大小時,Nginx會先將文件寫入臨時目錄(缺省為Nginx安裝目下/proxy_temp目錄),缺省Nginx是以nobody身份啟動的,用ls -al 命令查看proxy_temp目錄 nobody是proxy_temp目錄的所有者,怪了那為什么沒權限呢?接下來查看proxy_temp的父目錄既Nginx安裝目錄。發現nobody競然沒權限,怪不得會出現上面的問題。

解決問題

定位到問題,接下來解決問題就比較簡單了。可以使用兩種方式解決這個問題,如下所示。

  • 設置任何人都可以寫 proxy_temp目錄,重啟 Nginx 即可解決。
  • 直接更改proxy_temp_file_write_size的值,將其修改為大於圖片和文件的大小,重啟Nginx。

如果是以第一種方式解決問題的話,比如我的proxy_temp目錄是/usr/local/nginx/proxy_temp,用如下命令將/usr/local/nginx/proxy_temp目錄設置為任何人都可以寫,問題解決。

chmod -R 777 /usr/local/nginx/proxy_temp/ 

如果是使用第二種方式解決問題的話,就可以直接修改nginx.conf文件,如下所示。

location /file {
	 root /home/file;
	 index  index.html index.htm;
	 proxy_set_header X-Real-IP $remote_addr;
	 proxy_set_header   Host $host;
	 proxy_pass http://127.0.0.1:8080 ;
	 client_max_body_size     100m;
	 client_body_buffer_size  256k;
	 proxy_connect_timeout    1200;
	 proxy_read_timeout       1200;
	 proxy_send_timeout       6000;
	 proxy_buffer_size        32k;
	 proxy_buffers            4 64k;
	 proxy_busy_buffers_size  128k;
	 proxy_temp_file_write_size 10m;
}

當然,我也幫這位讀者優化了一些其他的配置項。

好了,今天就聊到這兒吧!別忘了點個贊,給個在看和轉發,讓更多的人看到,一起學習,一起進步!!

寫在最后

如果你覺得冰河寫的還不錯,請微信搜索並關注「 冰河技術 」微信公眾號,跟冰河學習高並發、分布式、微服務、大數據、互聯網和雲原生技術,「 冰河技術 」微信公眾號更新了大量技術專題,每一篇技術文章干貨滿滿!不少讀者已經通過閱讀「 冰河技術 」微信公眾號文章,吊打面試官,成功跳槽到大廠;也有不少讀者實現了技術上的飛躍,成為公司的技術骨干!如果你也想像他們一樣提升自己的能力,實現技術能力的飛躍,進大廠,升職加薪,那就關注「 冰河技術 」微信公眾號吧,每天更新超硬核技術干貨,讓你對如何提升技術能力不再迷茫!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM