当前位置: 首页 > Web前端 > vue.js

使用docker部署vue项目(基于nginx)

时间:2023-03-31 17:06:13 vue.js

使用环境ubuntu环境先下载nginxsudoapt-getinstallnginx安装文件位置:/usr/sbin/nginx:主程序/etc/nginx:存放配置文件/usr/share/nginx:存放静态文件/var/log/nginx:存放日志打包vue项目npmrunbuild会在同级目录生成dist文件夹开始使用docker将vue项目打包成镜像前提是在你的ubuntu环境中有docker在与dist相同级别的目录中创建一个Dockerfile文件并写入它:FROMnginxEXPOSE80COPY/dist/usr/share/nginx/htmlENTRYPOINTnginx-g"daemonoff;"在dict目录下进入cmd,使用root模式进行docker打包镜像操作dockerbuild-tdocker_vue。出现如上图,证明打包完成dockerimages查看镜像。使用docker命令启动镜像并运行vue项目。dockerrun-tid-p8888:80docker_vue使用8888映射80端口dockerps查看docker中运行的容器如图所示,docker已经运行容器并启动了vue项目。使用本机ip+8888端口测试ifconfig查看本机ipsudoufwallow8888添加8888端口Vue项目完美运行!!