docker系列之nginx部署vue前端项目

docker系列之nginx部署vue前端项目

1、(1)启动nginx容器同时把目录挂载到宿主机,这样在宿主机修改代码,修改配置文件等都会及时同步到nginx中,非常方便
在这里插入图片描述启动nginx成功!
(2)可以查看宿主机和容器的挂载详情,使用命令:
docker ps 查看containerId
docker inspect containerId
在这里插入图片描述

2、npm run build 打包vue项目,并上传到宿主机/home/mmcserver/nginx/html下面。同样的nginx容器目录下面也会有对应的项目!
在这里插入图片描述
在这里插入图片描述
3、修改配置文件
nginx.conf里面包含了include /etc/nginx/conf.d/*.conf,所以修改对应宿主机/home/mmcserver/nginx/conf.d里面的配置文件即可
在这里插入图片描述
4、重新启动nginx容器
命令: docker restart containerId
5、浏

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值