大家好，又见面了，我是你们的朋友全栈君。
这种发布方式每次都要重新构建镜像，发布起来很不方便。博主还提供了另一种方式，每次发布只需要将打包后的dist内容放到linux主机目录即可，感兴趣的道友可以直接参考这一篇：docker 安装 nginx 发布Vue项目_苍穹之跃的博客-CSDN博客nginx配置文件、html文件、logs日志文件。
https://blog.csdn.net/wenxingchen/article/details/126115902
第一步：vue项目打包成dist。
npm run build第二步：构建Dockerfile
代码语言：javascript复制# 设置基础镜像，这里使用最新的nginx镜像，前面已经拉取过了
FROM nginx
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/ /usr/share/nginx/html/第三步：安装nginx
代码语言：javascript复制docker pull nginxdocker run --name nginx -d -p 4030:80 nginx访问4030端口看看是否安装成功。
第四步：linux上找个空目录放项目文件和Dockerfile
第五步：构建镜像，cd到Dockerfile目录下
代码语言：javascript复制docker build -t 取个镜像名称 .第六步：运行容器
代码语言：javascript复制docker run --name 取个容器名称 -d -p 9020:80 上一步取的镜像名称访问一下9020检查是否运行成功。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/180220.html原文链接：https://javaforall.cn
