前端本地代理调试工具（Nginx）

1.1 win系统nginx安装与使用

nginx相较于apache，轻量、占用资源内存少、配置简单，具体参考：apache与nginx的优缺点比较

第一步：下载nginx：nginx官网地址

第二步：修改conf目录下的nginx.conf文件，主要配置35行左右的server

1.修改本地的发布目录，具体路径对照着自己文件位置

发布目录

​
location / {

    root   E:/dist;  #修改为你的本地的发布目录

    index  index.html index.htm;

}

​

2.添加反向代理地址

​
location /gov {

    proxy_pass  #反向代理地址

}

​

反向代理地址

3.配置完成后启动nginx：运行nginx.exe文件或者控制台敲入start nginx 命令

4.如果之前已启动nginx，nginx重启命令：nginx -s reload

备注：nginx的学习可参考：nginx配置详解第四节http常规配置

1.2 mac系统nginx安装与使用

配置基本跟win系统类似。

第一步：下载nginx，如果有homebrew的，可以直接通过brew install nginx安装。

第二步：nginx安装完成后，nginx -v 查看当前版本，表明安装成功。

第三步：修改配置文件(/usr/local/etc/nginx/nginx.conf)。

1.修改本地的发布目录，具体路径对照着自己文件位置

发布目录

​
location / {

    root     #修改为你的本地的发布目录

    index  index.html index.htm;

}

​

2.添加反向代理地址

反向代理地址

​
location /gov {

    proxy_pass  #反向代理地址

}

​

 3.配置完成后启动nginx：

• 启动命令：sudo nginx；

• 快速停止命令：sudo nginx -s stop

• 平稳退出命令：sudo nginx -s quit
• 重新打开命令：sudo nginx -s reopen
• 重新加载配置文件命令：sudo nginx -s reload

• 判断配置文件是否正确：sudo nginx -t

备注：

假如在输入命令时，出现类似如下报错：

报错

​
nginx: [error] open() "/usr/local/var/run/nginx.pid" failed (2: No such file or directory)

​

解决办法：

解决办法：

$ sudo nginx -c /usr/local/etc/nginx/nginx.conf。

再执行之前的操作即可

1.3 本地如何对https进行调试

将反向代理地址修改为https协议

修改https协议

​
location /gov{

    proxy_pass #https://代理地址

}

​