mac安装nginx，解决异常【net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)】

1、安装 Homebrew

在【vscode安装+node.js环境搭建(mac)】中有介绍

2、brew安装nginx

先校验是否已经安装，若未查询到则表示未安装

# 方式一【查看NGINX的版本】：
nginx -v
# 方式二【查看NGINX的配置信息】：
brew info nginx

安装命令

brew install nginx

3、查看NGINX的安装信息

brew info nginx

3-1、根目录说明

# 进入NGINX安装目录
cd /usr/local/Cellar/nginx/1.21.6_1
# 查看文件信息
ll

3-2、配置文件说明

# 进入NGINX配置文件所在目录
/usr/local/etc/nginx
# 打开nginx.conf
# 最下方存在【include servers/*; 】所以是加载此文件下的所有，配置文件可按照个人实际情况编写
# 例：习惯将配置文件放在conf下【include conf/*.conf】，然后将所有servers配置放在此文件内

3-3、默认日志目录

/usr/local/var/log/nginx/

4、常用命令

# 启动
brew services start nginx
# 重启
brew services restart nginx
# 停止
sudo brew services stop nginx

5、遇到的异常

异常一：

是在使用【nginx】命令直接启动则会存在异常提示
参考【官方文档】，若不写组默认和用户名一样。

# 方式一：
id root
# 方式二：
 dscacheutil -q group | grep root

但是写上组，此警告信息还是存在。若有解决方案，可在评论区留言，非常感谢！

异常二：

在访问部分js时提示【net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)】

# 进入NGINX目录
cd /usr/local/var/log/nginx/
# 打开异常日志
# 注：日志可能过大，可以使用【tail -f error.log】打开实时日志，然后刷新异常页面，再看错误日志
cat error.log

查看日志会发现提示权限不够，给proxy_temp文件赋权即可，赋权后无需重启。

为什么nginx需要要访问proxy_temp文件夹呢？

因为proxy_temp是nginx的缓存文件夹，访问的css和js文件过大，nginx就会从缓存里面去获取，而不是每次都直接加载原地址文件。

# 文件赋权
sudo chmod 777 proxy_temp