Docker 打包部署vue

1、先打包后端服务，我们采用的是nginx 服务部署vue  新建Dockerfile

目录如下

2、编写Dockerfile

# 设置基础镜像 
FROM nginx
# 定义作者
MAINTAINER test
# 将dist文件中的内容复制到 /etc/nginx/html/ 这个目录下面
COPY dist/  /etc/nginx/html/
# 将配置文件中的内容复制到 /etc/nginx 这个目录下面(增加自己的代理及一些配置)
COPY nginx.conf /etc/nginx/nginx.conf

3、编写快速构建的脚本buildDocker.bat

::打包镜像
docker build -t reg.htres.cn/yw_18kn1/demonginx .

::推镜像
docker push reg.htres.cn/yw_18kn1/demonginx

::展示镜像
docker images

pause

4、启动

ocker run -p 80:80 -d reg.htres.cn/yw_18kn1/demonginx