nginx 启动命令_npm run build 打包后,如何运行在本地查看效果(Nginx服务)

f97e78a5a137f96b3b1e2efd7e279041.png

一、下载nginx:

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

b12eb2c10209b5cdc0d15cb699f97b96.png

2、下载正式版本:

a90c6f6c061eab641ad679d88151d743.png

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

a930f5a61b08f2c422d20dbf588a3f06.png

二、nginx启动

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

b1598564ca6a2f5850ee6add9d52ff88.png

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

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

ae56bf3cdbf9b64484c6ea41d9f7516c.png

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

4dc4f51b13861d5da331844d798ab04d.png

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

326dbf11a7b73676fc40b4bd2e883b36.png

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

89a1b115d6a1dc5bc10e10b586c822ee.png

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值