Docker部署VUE项目---个人笔记

将打包好的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

启动后的结果：

系统页面：