先将本地vue项目打包为一个镜像，不会的可以看文章：使用docker构建vue项目并成功运行在本地和线上_1024小神的博客-CSDN博客

然后开始注册一个dockerhub账号并登陆：然后点击 create repository

Docker Hub

 开始填写仓库名称和描述：（此仓库类似代码仓库，可以存储多个不同版本的镜像，就像代码迭代一样，每打一个tag，就相当于一个版本，都会在这个仓库里面进行管理）

 然后回到本地，查看一下本地镜像：

也可以先将容器变为镜像，或者直接tag一个已存在的镜像：

将容器变为镜像：

// 找到运行中的容器 (复制你要打包的容器的id)
docker ps
// 打包为镜像 （86d78d59b104：容器的id 、  cvreport：我们要打包成的镜像的名字）
docker commit 86d78d59b104 cvreport
// 找到打包的镜像
docker images

为镜像打一个标签tag:

docker tag cvreport 1024xiaoshen/cvreport:v1

// cvreport ：本地镜像的名字 、 
// 1024xiaoshen：我们docker仓库的用户名 、 
// cvreport：我们刚才新建的仓库名 、 
// v1：版本号，可以不设置

然后docker images一下，可以看到我们刚打的tag镜像： 

将tag镜像push上传到我们的仓库：

docker push 1024xiaoshen/cvreport:v1

// cvreport ：本地镜像的名字 、 
// 1024xiaoshen：我们docker仓库的用户名 、 
// cvreport：我们刚才新建的仓库名 、 
// v1：版本号，这里必须填我们刚打tag时候的那个

 然后回到我们的dockerhub仓库：就可以看到刚上传的镜像

 下载自己的镜像：

// 记得先登录，输入用户名和密码
docker login

// 根据版本号拉取
docker pull 1024xiaoshen/cvreport:v1

比如我到自己的云服务器上，先登陆

然后开始pull镜像：

查看一下：

运行一下：

docker run -d -p 9090:80 --name cvpod cf09

然后在浏览器输入 服务器IP:9090 即可访问，如果不行，请在安全组里开放9090端口：