Vue基于DockerFile的环境部署教程

第一步创建文件、映射文件夹

创建4个文件夹:conf、conf.d、html、logs
创建一个Dockerfile文件
Vue基于DockerFile的环境部署教程_第1张图片
编写Dockerfile文件
Vue基于DockerFile的环境部署教程_第2张图片
防止设定:8080为nginx访问的端口,默认为80即可
./dixncloud-ui/html为将要复制到nginx访问页面(即vue打包之后的dist文件加下的文件)

第二步:编写docker-compose.yml

Vue基于DockerFile的环境部署教程_第3张图片
context:当前目录
dockerfile:当前目录的dixncloud-ui文件夹下的Dockerfile文件
volumes:将主机上的文件夹(文件):映射到容器内部的文件夹(文件),官方定义为“数据卷”

备注:冒号前面是主机文件夹(文件),冒号后面是容器内的文件夹(文件)

你可能感兴趣的:(Vue,nginx,vue,docker)