16.Macbook：nginx反向代理配置

什么是nginx

1.安装nginx

brew install nginx

通过以上方式安装nginx，我的nginx路径在/usr/local/etc/nginx

---

提示⚠️：安装nginx，使用的是Mac包管理工具brew，如何安装和使用，请参考我的另一篇文章:Mac 必备工具之 brew

2.启动nginx

brew services start nginx

启动成功

或者在浏览器中键入http://localhost:8080,访问到nginx的欢迎界面，也表示nginx安装成功。

浏览器中查看nginx是否安装成功

brew services start nginx

3.配置nginx的反向代理

配置nginx的反向代理，是通过编辑nginx.conf文件实现的。

vi /usr/local/etc/nginx/nginx.conf

修改nginx.conf文件中的server{}内容。这里要注意的是，conf文件里面主要有2个server{},一个是默认监听http请求的8080端口的，另一个是https请求的。其中https server默认是注释掉的

server {
   listen       80;//将原来的8080改成80端口，这样就能隐藏请求中的端口号了
   server_name  www.minispider.com;//这里改成你想要的测试域名
   server_name_in_redirect off;
   proxy_set_header Host $host:$server_port;
   proxy_set_header X-Real-IP $remote_addr;
   proxy_set_header REMOTE-HOST $remote_addr;
   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   location / {
        proxy_pass http://127.0.0.1:20000/;//需要代理的地址，这里是我们json-server的默认地址
    }
}

www.minispider.com

4.将你的测试域名加入到hosts文件

//hosts文件中添加测试域名
127.0.0.1 www.minispider.com

5.重启nginx服务

sudo nginx -s reload //不带sudo可能会重启nginx失败

经过以上的设置，nginx代理的设置的完成了。启动json-server后可以用以下方式访问浏览器

localhost/smartPhones
localhost
www.minispider.com
www.minispider.com/smartPhones

nginx常用的命令

//启动
nginx

//重启
sudo nginx -s reload

//关闭
nginx -s stop

Mac修改hosts

Finder的“前往”->“前往文件夹” 输入 /private/etc 按回车  就可以看到里面的hosts文件了。(复制一份hosts文件出来，右键选择“文本编辑”打开，修改，保存即可。再将修改后的放回到原来的地方，将原来的hosts文件替换覆盖掉。