一、安装Nginx
我们部署Vue程序依赖Nginx，首先拉取Nginx的镜像，这里使用Nginx最新的镜像
如图所示
我们查看镜像
已经有了nginx镜像。
我们根据nginx镜像运行容器
如图所示
然后在浏览器里面访问4030端口，验证容器是否运行正常
出现上面的截图，说明容器运行正常。
二、创建Vue程序
1、创建项目
我们使用下面的命令创建一个Vue程序，这里使用PowerShell创建
创建过程省略，创建完成
使用VSCode打开项目，然后执行运行命令
如图所示
在浏览器里面访问
2、编译项目
项目创建完成以后，我们编译项目
如图所示
编译完成之后，在项目的根目录下面就会生成一个dist文件夹，里面是编译后的项目
3、添加Dockerfile文件
我们要构建镜像，必须依靠Dockerfile文件，我们在项目的根目录下面创建一个Dockerfile文件，没有后缀名，文件内容如下
4、上传文件
我们在Linux里面的demo文件夹下面创建vue文件夹，然后把dist文件夹和Dockerfile文件上传到该目录下
5、构建镜像
文件上传以后，我们构建Vue程序的镜像
如图所示
可以看到镜像构建成功了。
6、运行容器
我们根据上步构建的镜像去运行镜像
如图所示
可以看到容器在运行，我们在浏览器里面访问9020端口
可以看到Vue程序使用Docker部署就成功了。
到此这篇关于使用Docker容器部署Vue程序的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文地址：https://www.cnblogs.com/dotnet261010/p/12616149.html
声明： 猿站网有关资源均来自网络搜集与网友提供，任何涉及商业盈利目的的均不得使用，否则产生的一切后果将由您自己承担！ 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除，制止非法恶意传播，不对任何下载或转载者造成的危害负任何法律责任！也请大家支持、购置正版！ 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报，会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络，如有侵权烦请发送邮件至：2697268773@qq.com进行处理。