前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >docker部署vue项目_docker部署java

docker部署vue项目_docker部署java

作者头像
全栈程序员站长
发布2022-11-02 15:49:51
1.1K0
发布2022-11-02 15:49:51
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

这种发布方式每次都要重新构建镜像,发布起来很不方便。博主还提供了另一种方式,每次发布只需要将打包后的dist内容放到linux主机目录即可,感兴趣的道友可以直接参考这一篇:docker 安装 nginx 发布Vue项目_苍穹之跃的博客-CSDN博客nginx配置文件、html文件、logs日志文件。

docker部署vue项目_docker部署java
docker部署vue项目_docker部署java

https://blog.csdn.net/wenxingchen/article/details/126115902

第一步:vue项目打包成dist。

docker部署vue项目_docker部署java
docker部署vue项目_docker部署java
代码语言:javascript
复制
npm run build

第二步:构建Dockerfile

代码语言:javascript
复制
# 设置基础镜像,这里使用最新的nginx镜像,前面已经拉取过了
FROM nginx
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/  /usr/share/nginx/html/

第三步:安装nginx

代码语言:javascript
复制
docker pull nginx
代码语言:javascript
复制
docker run --name nginx -d -p 4030:80 nginx

访问4030端口看看是否安装成功。

第四步:linux上找个空目录放项目文件和Dockerfile

docker部署vue项目_docker部署java
docker部署vue项目_docker部署java

第五步:构建镜像,cd到Dockerfile目录下

代码语言:javascript
复制
docker build -t 取个镜像名称 .

第六步:运行容器

代码语言:javascript
复制
docker run --name 取个容器名称 -d -p 9020:80 上一步取的镜像名称

访问一下9020检查是否运行成功。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/180220.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月19日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器镜像服务
容器镜像服务(Tencent Container Registry,TCR)为您提供安全独享、高性能的容器镜像托管分发服务。您可同时在全球多个地域创建独享实例,以实现容器镜像的就近拉取,降低拉取时间,节约带宽成本。TCR 提供细颗粒度的权限管理及访问控制,保障您的数据安全。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档