关于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我的项目完满运行！！