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、浏览器中访问 http://IP:端口号，就成功了

注意：
容器某个文本挂载到宿主机，要先把文本复制到宿主机，然后在使用 -v挂载，要不然会挂载失败。步骤如下：
1、先启动docker run …
2、将容器内的nginx.conf复制到宿主机挂载目录
docker cp containerId:容器地址 . （.表示宿主机当前目录）
3、删掉第1步的容器
docker stop containerId
docker rm containerId
4、重新设置挂载文件并启动：
docker run -dit -p 80:80 --name nginx80 -v宿主机目录:容器目录 -v宿主机目录:容器目录 镜像名字