问题描述

前端页面加载css，js文件或者png图片的时候，经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况。

查找问题

在单独打开hearder中css，js的网络地址是能打开的，所以排除了最简单的地址错误。前端项目是由nginx代理的，所以可以查看nginx的日志，看看有无线索。

进入${NGINX_HOME}\logs，查看error.log，得到如下信息：

通过nginx访问web,出现ERR_CONTENT_LENGTH_MISMATCH解决方法_css

线索很明显，在请求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一般会从缓存里面去拿，而不是每次都去原地址直接加载。

 

解决方法: 赋权限

通过nginx访问web,出现ERR_CONTENT_LENGTH_MISMATCH解决方法_解决方法_02

 

再次访问web, 所有的css，js，png等资源都正常加载了。