1、docker容器化部署环境准备

CentOS 7.2 64bit（没有太大关系）
xshll命令工具（或者各服务器端的网页命令行工具）

2、docker环境搭建

（1）docker安装

1、操作权限（不再赘述，此处为root）
2、下载docker

yum install docker

3、docker安装

yum install docker

4、启动docker

systemctl start docker

4、从docker官方仓库拉取nginx和node镜像

docker pull nginx
docker pull node

5、查看下已经下载好的镜像

docker images

（2）前端docker部署

1、项目打包

npm run build

2、将打好的dist文件夹上传到服务器，笔者放在了（home/www/vue）之下
3、创建dockerFile文件

cd /home/www/vue
vi DockerFile

4、在DockerFile中粘贴以下代码

FROM nginx:latest
MAINTAINER xx
##(xx是作者的信息)
COPY dist/ /usr/share/nginx/html/

5、生成前端项目镜像

docker build -t xxx .
xxx是镜像名称，后面的点不能忽略
最后可以使用docker images 查看下自己刚刚创建的镜像

6、创建容器

docker run -d --name xx -p 8848:80 xxx

-d：代表后台启动
--name xx：这是创建的容器名称
-p 8848:80: 是将nginx的80映射到你服务器的8848端口

7、查看容器

docker ps -a

-a：查看所有容器

8、若port正常显示映射关系，则docker前端部署完毕