问题描述
前端页面加载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等资源都正常加载了。