Vue项目打包成docker镜像部署

这篇具有很好参考价值的文章主要介绍了Vue项目打包成docker镜像部署。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Vue项目打包成docker镜像部署

一、介绍

我们部署Vue项目,可以build之后,直接放到nginx下面即可,今天给大家介绍创建docker镜像,使用docker镜像启动容器运行部署Vue项目的方式,可以尝试尝试,原理和使用nginx部署一样,不过是使用的docker容器而已,内部还是使用的是nginx作为基础镜像。

二、docker安装

docker安装就不介绍了,不懂的伙伴可以去看我的docker安装文章。之前也写过关于docker介绍、安装的文章,不了解如何安装使用的可以看以往的文章。

三、编写DockerFile

docker安装完成之后,在我们需要部署的项目目录中新建文件dockerFile。文件内容如下:

FROM nginx:latest
LABEL Author xpy
COPY build /usr/share/nginx/html

第一行:设置基础镜像,基础镜像使用nginx

第二行:作者信息

第三行:将build文件夹下面的内容拷贝到/usr/share/nginx/html目录下面(nginx的默认项目路径),其中build文件夹有可能是dist文件夹,如果没有,重新npm run build一下就出来了,也就是我们Vue项目打包之后我们正常使用nginx是拷贝过去的文件夹。

四、创建镜像

docker build -t xxx .

注意:后面的.不能省略,镜像创建成功之后使用docker images即可看到自己创建的镜像

五、启动镜像

docker run -d --name xxx -p 8888:80 xxx

启动命令说明:

-d:容器后台启动

—name : 容器名称

-p 8888:80 :将nginx容器的80端口映射到主机的8888端口,我们访问时直接访问主机ip+映射到主机的端口,这里是8888,如果有路径,后面还要带上路径。

xxx : 我们刚刚创建的自己的镜像的名称

六、总结

以上步骤即可帮助我们使用docker容器部署Vue项目,原理其实和我们使用nginx部署Vue是一样的,我们打包自己的镜像使用的基础镜像也是nginx,感兴趣的小伙伴可以自己动手尝试尝试。

原文链接:https://monkey.blog.xpyvip.top/archives/vue-xiang-mu-da-bao-cheng-docker-jing-xiang-bu-shu文章来源地址https://www.toymoban.com/news/detail-401332.html

到了这里,关于Vue项目打包成docker镜像部署的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • SpringBoot+Vue前后端分离项目在Linux系统中基于Docker打包发布,并上传镜像到阿里镜像私仓

    将打好的jar包放到咱们opt目录下的自定义文件夹内 打包成功后 –rm 代表退出之后,容器移动删除 可以看到成功启动了服务 阿里云免费私仓 创建好自己的镜像仓库后会显示操作指南 身份登录 将镜像推送到Registry 可以在镜像仓库中进行查看 拉取镜像 default.conf 1.root:设置静态

    2024年04月17日
    浏览(85)
  • SpringBoot项目部署(Docker)——通过Dockerfile将打包好的jar包创建成镜像 & 在IDEA中配置docker,一键启动容器 & 用swagger进行测试

    1.Dockerfile命令初识,CMD…; 2.idea配置docker,图形化界面; 3.编写Dockerfile把jar包制作成镜像,并用idea一键生成和启动容器; 4.在Linux中测试,在宿主机用swagger进行测试; SpringBoot项目部署(jar包)——项目用maven打包成jar包 windows + Linux平台运行 Linux安装java 遇到的问题 Docker是一

    2024年02月05日
    浏览(52)
  • 将web如vue等项目部署到宝塔docker镜像中,以便能在任意浏览器访问

    仅需确认宝塔面板已经有docker镜像容器 目前新版宝塔面板都已经内置了docker功能模块,如下图: 1、从已经推送的镜像中拉取镜像 如果你用的是docker desktop等工具制作的镜像,并且也已经推送到了 https://hub.docker.com/ 中,即可以在该网站搜索看到对应的镜像,就可以在 宝塔d

    2024年01月16日
    浏览(37)
  • docker网络及部署集群和打包镜像

    清空下前面的docker 镜像、容器 测试 三个网络 问题: docker 是如果处理容器网络访问的? 原理 1、我们每启动一个docker容器,docker就会给docker容器分配一个ip,我们只要按照了docker,就会有一个docker0桥接模式,使用的技术是veth-pair技术! 再次测试 ip addr 2 、再启动一个容器测

    2024年02月02日
    浏览(37)
  • SpringBoot项目打包Docker镜像

    1、创建springboot项目,并在根目录新建Dockerfile文件 Dockerfile文件内容  进到项目根目录打包  构建镜像(不要忽略最后的一个点) 查看镜像列表 启动

    2024年02月16日
    浏览(47)
  • 部署运行jar包方法全解docker镜像打包部署等

    有一种叫做“nohup”的命令,该命令可以让您的应用程序在后台运行,即使您已经断开了与终端的连接也能保持运行状态。 nohup 命令的语法为:  其中,command 是要运行的应用程序的命令,arg1、arg2…argN 则是该命令的参数。 符号表示在后台运行该命令。当运行 nohup 命令时,

    2024年02月10日
    浏览(58)
  • SpringBoot项目如何打包成docker镜像?

    将Spring Boot项目打包成Docker镜像的过程可以分为以下几个步骤: 1. 创建Dockerfile 首先,你需要在Spring Boot项目的根目录下创建一个 Dockerfile 。这个文件包含了Docker镜像构建的所有指令。一个基本的 Dockerfile 可能看起来像这样: 确保替换 my-spring-boot-app-1.0.0.jar 为你的Spring Boot应用

    2024年02月21日
    浏览(40)
  • 前端项目配置 Dockerfile 打包后镜像部署无法访问

    构建镜像 启动镜像容器 命令行访问: 浏览器访问: 该网页无法正常运作localhost 未发送任何数据。 ERR_EMPTY_RESPONSE 知识点: localhost:3001: 仅允许本地主机(即 Docker 容器内部)访问。 0.0.0.0:3001: 允许任何主机(包括容器外部的主机)通过该地址访问服务。

    2024年01月18日
    浏览(37)
  • 项目打包docker镜像,并指定运行的配置文件

    新建dockerfile文件,添加入以下内容 1.修改dockerfile中的配置,与对应文件和jar包的目录保持一致。如果已经有镜像包可忽略打包步骤,直接执行命令启动   2.服务启动的端口在application.properties文件中已配置,后续可根据实际情况修改 3.切换到文件所在目录; cd /home/zj/ 4.执行命

    2024年02月16日
    浏览(39)
  • vue前端打包Docker镜像并nginx运行

    首先说明咱们的前端项目是基于Vue的,反向代理使用的是nginx 1.打包vue前端项目生成dist文件夹上传至服务器 新建一个文件夹,叫vueDockerTest,下面的文件都需要。 cert是你存放ssl证书的文件夹,nginx.conf 是nginx的配置文件,dist是你打包的前端静态文件 2.修改Dockerfile文件 # 基于

    2024年02月01日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包