1 电脑是否已经安装了 brew
1.1 终端输入指令: which brew
如果显示如下图, 则证明已安装,
![在这里插入图片描述](https://img-blog.csdnimg.cn/8271e7be11a340e09f51fdb76284cbbb.png)
如果未安装, 终端执行如下指令:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
检查是否安装成功, 执行指令:brew -v
![在这里插入图片描述](https://img-blog.csdnimg.cn/73991f59dba34633b7cf73e985d6275c.png)
2 到这一步, brew已经有了, 开始安装 Nginx
执行指令:
brew install nginx
检查是否已经安装完成, 执行指令:nginx -v
如下图所示, 代表已经安装成功;
![在这里插入图片描述](https://img-blog.csdnimg.cn/0ad02239b1904bddbb36de02c5524366.png)
3 到这一步, Nginx 已经安装完成了, 开始启动 Nginx
简单介绍几种常用指令:
- 启动指令:
nginx
或者是 sudo nginx
- 重启 Nginx 指令:
sudo nginx -s reload
- 停止 Nginx 指令:
sudo nginx -s quit
, 或者直接: killall nginx
.
检查是否已经启动成功: ps -ef | grep nginx
如下所示, 代表已经启动成功:
![在这里插入图片描述](https://img-blog.csdnimg.cn/61618f58e9b9472a9d499bcd78bbd516.png)
或者直接网址输入 localhost:8080, 如果出现下图也代表已经成功:
![在这里插入图片描述](https://img-blog.csdnimg.cn/6043af8139d943249138aa9dec092a89.png)
4 一些电脑 8080 端口已经被占用了, 可能启动不成功, 可以改一下端口号
改端口号, 需要找到 nginx.conf 这个文件, 操作如下:
执行查找配置文件所在目录指令: nginx -t
如下图便是 nginx.conf 的所在目录:
![在这里插入图片描述](https://img-blog.csdnimg.cn/cf49b00fdd3346129fbf5dbfe61c7908.png)
执行指令:open /opt/homebrew/etc/nginx/
, 进入到此目录下,然后鼠标右键用自带的文本编辑器打开即可:
![在这里插入图片描述](https://img-blog.csdnimg.cn/77107410d13148649bfc909251e48791.png)
下图便是端口号的设置, 我这里已经改成了8082;
![在这里插入图片描述](https://img-blog.csdnimg.cn/4f08987d14b746be91bba624d9d175e2.png)
5 到这一步, Nginx 已经正常启动起来了, 接下来我们开始实际的部署
5.1 步骤一: 找到 Nginx 所在目录, 注意这里不是 nginx.conf 的目录, 而是 Nginx 的安装目录, 执行指令: brew info nginx
, 如下图所示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2ee4bf906c944b3b8a9d02960cdb1c2e.png)
注意这里有两个目录, 一定要区分开这两个目录, 我们用到的是 nginx 的安装目录;
打开此目录: open /opt/homebrew/Cellar/
![在这里插入图片描述](https://img-blog.csdnimg.cn/f9ff30a8d738456b860fa06f4f863299.png)
5.2 步骤二: 将你的前端文件复制到此目录下的 html 文件下, 如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/d777b2a18a774fa7996fe37bf73982e9.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/f33f191f46d842f594014c9a88d12145.png)
这时候我已经将我的前端文件放了进去;
5.3 步骤三: 再次修改 nginx.conf 文件, 目的是找到你的 前端 文件, nginx.conf 的打开方式上面已经说了, 就是打开修改端口号的那个文件:
指定前端项目所在位置: 我的 前端 文件就是 html 文件夹下面的 soulsys, 开启页面我设置的login.html, 注意这里端口号我改成了 8086:
![在这里插入图片描述](https://img-blog.csdnimg.cn/6c4c26cb60a84bb78492f4f6a3162242.png)
6 项目开始跑起来
后端启动起来, 然后启动 nginx, 这里需要注意一下, 也可以在 bin 目录下启动你的项目的 nginx, 如下图所示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/ee18ac81694942078193cfd7a6fef164.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/6adc6b2bfd004c39a033477cc4235f7a.png)
或者是直接在终端指令输入 nginx
来启动, 记得如果 nginx 一直在启动的话, 部署完要记得重启一下 nginx, 重启指令 sudo nginx -s reload
.
如下图, 代表已经启动成功:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2d09e9b90a744f7f933dea83c53c732b.png)
7 测试
![在这里插入图片描述](https://img-blog.csdnimg.cn/e7762a15397b412d8a835d28f057d508.png)
启动成功!!!