問題描述
前端頁面加載css,js文件或者png圖片的時候,經常出現ERR_CONTENT_LENGTH_MISMATCH
的報錯情況。
查找問題
在單獨打開hearder
中css,js的網絡地址是能打開的,所以排除了最簡單的地址錯誤。前端項目是由nginx代理的,所以可以查看nginx的日誌,看看有無線索。
進入${NGINX_HOME}\logs
,查看error.log
,得到如下信息:
線索很明顯,在請求01.jpg, 02.jpg,03.jpg的時候,nginx在嘗試訪問//usr/local/var/run/nginx/proxy_temp/2/02/0000000022,結果因爲沒有權限,導致了請求失敗。
那麼,爲什麼nginx要訪問proxy_temp文件夾呢,因爲proxy_temp是nginx的緩存文件夾,我的css和js文件過大了,所以nginx一般會從緩存裏面去拿,而不是每次都去原地址直接加載。
解決方法: 賦權限
再次訪問web, 所有的css,js,png等資源都正常加載了。