加载JavaScript文件时nginx报::ERR_CONTENT_LENGTH_MISMATCH错误解决

0

背景

使用nginx做反向代理,使用8013端口代理4200端口的angular,问题出现的原因是在开发过程中一次清除浏览器缓存,之后8013端口产生::ERR_CONTENT_LENGTH_MISMATCH错误,但原4200端口正常,图片如下所示

系统:Mac OS 10.13.5

访问8013时

图片描述

访问4200时

clipboard.png

定位问题

因为在8013端口已经映射出加载界面,所以开始找问题的方向一直在angular,一直没有找到,后来找到喜硕,分析着4200端口访问是成功的所以感觉问题还是处在nginx上,看报错的意思发现内容太长,于是试着删了几个模块发现居然好了,再到后来在google上查了一下这个问题,发现大概时nginx的缓存方向的问题。

打开nginx的日志文件,运行以下指令: tail -f /usr/local/var/log/nginx/error.log,发现时文件权限禁止,

clipboard.png

failed (13: Permission denied) while reading upstream翻译:失败(13: 权限被拒绝)同时读取文件xyz的上游

解决方法

之后用 如下命令开放权限之后,发现就好了

sudo nginx -s stop
sudo chmod -R 777 /usr/local/var/run/nginx/*
nginx

原因:nginx会缓存大文件到proxy_temp目录中,然而对这个目录没有读写权限,nginx 的工作进程对大文件做了缓存,这个缓存在 %nginx%/proxy_temp 目录下,主进程在读取缓存的时候由于权限问题而无法访问。

大概原因应该是在未清理浏览器缓存的时候,nginx只是提供部分内容,所以未产生大文件缓存,当你清除浏览器缓存的时候,nginx就会提供所有的内容,因此将产生缓存。

你可能感兴趣的

载入中...