乐趣区

关于docker:使用docker部署vue项目nginx基础之上

应用环境 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 查看本地 ip
sudo ufw allow 8888 增加 8888 端口

vue 我的项目完满运行!!
退出移动版