共计 587 个字符，预计需要花费 2 分钟才能阅读完成。
应用环境 ubuntu 环境
先下载 nginx
sudo apt-get install nginx
装置好的文件地位：
/usr/sbin/nginx：主程序
/etc/nginx：寄存配置文件
/usr/share/nginx：寄存动态文件
/var/log/nginx：寄存日志
将 vue 我的项目打包
npm run build
同级目录下会生成 dist 文件夹
开始用 docker 打包 vue 我的项目成镜像
前提你的 ubuntu 环境下有 docker
在 dist 同级目录下创立 Dockerfile 文件进行写入：
FROM nginx
EXPOSE 80
COPY /dist /usr/share/nginx/html
ENTRYPOINT nginx -g "daemon off;"
进入 dict 目录下的 cmd 中
应用 root 模式进行 docker 打包镜像操作
docker build -t docker_vue .
呈现上图所示，证实打包实现 docker images
进行查看镜像
应用 docker 命令启动镜像运行 vue 我的项目
docker run -tid -p 8888:80 docker_vue
应用 8888 映射 80 端口
docker ps
查看运行在 docker 的容器
如图所示 docker 曾经运行容器，启动 vue 我的项目。
应用本地 ip + 8888 端口进行测试
ifconfig 查看本地 ipsudo ufw allow 8888 增加 8888 端口
vue 我的项目完满运行！！
正文完