AnnGreen1 / article

0 stars 0 forks source link

npm run build 打包后,如何运行在本地查看效果(Nginx服务) #26

Open AnnGreen1 opened 2 months ago

AnnGreen1 commented 2 months ago

mp.weixin.qq.com一直在路上的探索者

一、下载nginx:

1、地址:http://nginx.org/

image 2、下载正式版本:

image 3、下载完成后解压到自定义的目录

image

二、nginx启动

1、使用命令行工具cmd进入nginx的安装目录

image 2、nginx启动(注意不要直接双击nginx.exe,这样会导致很多问题)

运行命令 start nginx 启动nginx服务,启动时会一闪而过是正常的

image 3、打开任务管理器查看是否有nginx.exe的进程

image 如果没有nginx进程的话,打开安装目录下的logs/error.log文件,查看报错信息,如果报端口占用(如下图)

image 则需要重新配置端口:打开conf/nginx.conf文件,更改如下

image 修改完成后保存,使用以下命令检查一下配置文件是否正确,后面是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