docker部署Vue.js项目

先是制作nginx镜像,
安装nginx:
#从远程仓库拉去镜像
sudo docker pull ${name:version}
sudo docker pull nginx:latest
#运行nginx
sudo docker run -it -p 81:80 nginx:latest
#-i以交互模式运行容器,通常与-t同时使用
#-t为容器分配一个伪输入终端,通常与-i同时使用
#-p 参数将一个docker主机的端口映射到容器中
#-it参数一般连用,在docker run启动一个容器后提供一个容器的终端,如果容器中没开启shell进程,也无法对容器进行交互
-v 宿主文件夹:镜像文件夹   将宿主文件夹挂载到镜像文件夹中去   

vue项目编译完成之后生成dist文件夹，内含index.html、favicon.ico、static文件夹三项。
查看index.html中src的执行，保证准确指向当前的目录，发生重定向时，观察重定向的URL，在新建相应的文件夹并把dist文件夹中的文件复制到相应目录。
成功部署vue的语句:

sudo docker run -it -p 80:80 -v 本地文件夹:/usr/share/nginx/html --name mynginx nginx:latest
sudo docker run -d -p 80:80 -v /home/hadoop/桌面/记录/dist/:/usr/share/nginx/html nginx:latest
此时的文件夹情况为:
dist文件夹内有govern文件夹,govern文件夹内是index.html、favicon.ico、static文件夹三项