![f97e78a5a137f96b3b1e2efd7e279041.png](https://i-blog.csdnimg.cn/blog_migrate/f5c50789becefbbe0eb75dfa01e3bcd5.jpeg)
一、下载nginx:
1、地址:http://nginx.org/
![b12eb2c10209b5cdc0d15cb699f97b96.png](https://i-blog.csdnimg.cn/blog_migrate/e11e33379e83c12e938086f4c38d20a9.jpeg)
2、下载正式版本:
![a90c6f6c061eab641ad679d88151d743.png](https://i-blog.csdnimg.cn/blog_migrate/6759d66ad89d5a3069435ef13a62d277.jpeg)
3、下载完成后解压到自定义的目录
![a930f5a61b08f2c422d20dbf588a3f06.png](https://i-blog.csdnimg.cn/blog_migrate/329cecad713fa2c5abe71fec72345f30.jpeg)
二、nginx启动
1、使用命令行工具cmd进入nginx的安装目录
![b1598564ca6a2f5850ee6add9d52ff88.png](https://i-blog.csdnimg.cn/blog_migrate/12c3d0f1d2ec1b2126b5e2a50df234e5.png)
2、nginx启动(注意不要直接双击nginx.exe,这样会导致很多问题)
运行命令 start nginx 启动nginx服务,启动时会一闪而过是正常的
![ae56bf3cdbf9b64484c6ea41d9f7516c.png](https://i-blog.csdnimg.cn/blog_migrate/a1d9e50b790e23d8a1715d0f739289ce.png)
3、打开任务管理器查看是否有nginx.exe的进程
![4dc4f51b13861d5da331844d798ab04d.png](https://i-blog.csdnimg.cn/blog_migrate/2ea5ca0f7a7c8612a7e33f23b345bce4.jpeg)
如果没有nginx进程的话,打开安装目录下的logs/error.log文件,查看报错信息,如果报端口占用(如下图)
![326dbf11a7b73676fc40b4bd2e883b36.png](https://i-blog.csdnimg.cn/blog_migrate/66833f4aeabe6c3c1da8aba10ef6e6f0.png)
则需要重新配置端口:打开conf/nginx.conf文件,更改如下
![89a1b115d6a1dc5bc10e10b586c822ee.png](https://i-blog.csdnimg.cn/blog_migrate/b104e470669662c8fb50389d371429da.jpeg)
修改完成后保存,使用以下命令检查一下配置文件是否正确,后面是nginx.conf文件的路径,successful就说明正确了:
nginx -t -c /ngnix/nginx-1.16.1/conf/nginx.conf
如果程序没启动就直接start nginx启动,如果已经启动了就使用以下命令重新加载配置文件并重启:
nginx -s reload
三、查看运行效果
1、将npm run build后生成的代码复制到上面配置好的 C:/web/build 目录下
2、浏览器输入 http://localhost:8800/
四、关闭nginx服务
1、快速停止:nginx -s stop
2、完整有序的关闭:nginx -s quit