将打包好的vue项目放到同一个文件夹下,我的部署路径如下:
build_img_vue_portal.sh:生成镜像的脚本
dist: 打包后的VUE项目
Dockerfile: Dockerfile文件
start_vue_portal.sh: 容器启动脚本
stop_vue_portal.sh: 容器停止脚本
下面是脚本内容:
build_img_vue_portal.sh
docker build -t img_vue_portal .
Dockerfile
FROM nginx
MAINTAINER mrajoe
COPY dist/ /usr/share/nginx/html/
start_vue_portal.sh
docker run --name container_vue_portal -it -d -p 80:80 img_vue_portal
stop_vue_portal.sh
docker stop container_vue_portal
docker rm container_vue_portal
启动后的结果:
系统页面: