Nginx的安装和使用

在这里插入图片描述
1、直接在这个页面cmd
在这里插入图片描述
启动: start nginx.exe
停止: nginx.exe -s stop
重新加载: nginx.exe -s reload 修改了配置文件的时候需要重新加载.
在这里插入图片描述
启动成功了就可以在浏览器里面: localhost:80 (默认80)
如果被占用了:

解决占用
访问成功

在这里插入图片描述

2 将maven里的前段项目打包

npm install -g live-server
live-server --port=6002

生成dist
在这里插入图片描述
将dist放入nginx目录下(建议放在html下或者我这样单独打包)
在这里插入图片描述

端口访问

修改nginx.conf
在这里插入图片描述
重新加载: nginx.exe -s reload
在浏览器输入localhost:82就能访问了

域名绑定访问

修改hosts
在这里插入图片描述
修改nginx.conf
在这里插入图片描述
重新加载: nginx.exe -s reload
这下只需要在浏览器输入course.hrm.com就可以了

反向绑定

修改nginx.conf
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200222202058871.png
重新加载: nginx.exe -s reload
在浏览器输入course.hrm.com就可以

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值