圖片顯示過慢，文件下載不完全，竟然是Nginx的鍋-天津小程序|公眾號開發|天津APP開發|網站建設-天津犀思科技

日志樣式

圖片顯示過慢，文件下載不完全，竟然是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;
}

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

天津市犀思科技有限公司是專業從事web應用定制開發的一家公司，主營業務包括定制功能型網站建設開發、微信小程序開發、微信公眾號開發、APP定制開發、天津企業微信開發、ERP、CRM、OA等企業應用場景信息化解決方案等服務，致力于成為中國領先的IT服務及行業解決方案的提供商。