首页 > 其他分享 >部署前端项目分离项目 - 部署

部署前端项目分离项目 - 部署

时间:2022-11-01 13:45:23浏览次数:66  
标签:容器 dist 删除 项目 部署 前端 镜像

本篇文章中部署《前后端分离项目》所需的所有部署工作

 

58 Vue项目配置域名

 

59 手动替换localhost为虚拟机ip

 

60 删除原有的dist目录

 

61 执行打包命令

 

62 项目打包完成

 

63 找到win7中硬盘中的dist目录

 

64 后端项目修改配置

 

65 Maven跳过测试

 

66 Maven clean

 

67 Maven package

 

68 后端项目打包为jar包

 

69 将dist目录斩存到后端项目中

 

70 新建目录blog 存放dist目录和jar包

 

71 IDEA插件Docker

 

72 查看openjdk8镜像是否存在

 

73  新建并修改Dockerfile,并上传当前远程文件

 

74 删除3个容器 注意是容器,而不是镜像

 

75 为后端项目构建镜像

 

76 查看answer镜像是否存在

 

77 answer镜像构建成功,根据此镜像运行一个容器,能够查询到,就说明Dockerfile编写正确

 

78 删除测试用的容器

 

79 删除测试用的镜像

 

80 创建mongo容器

 

81 通过Shell进入到mongo容器中

 

82 在mongo容器中操作MongoDB数据库

 

83 成功查看到answerManagement数据库

 

84 删除测试用的mongo容器

 

85 保存准备挂载的页面和配置  并非dist目录

 

86  Nginx容器运行成功

 

87 通过虚拟机ip访问Nginx

 

 

 

88 删除Nginx容器

 

89 确认刚刚的测试用的3个容器已删除

 

90 检测是否包含全部所需文件

 

检测3个镜像是否存在

 

 

91 启动Docker-Compose

 

等待Docker-Compose启动完成

 

92 检测3个容器是否存在

 

确认3个容器是否成功运行

 

93 在浏览器地址栏中输入个人域名

 

94 查看后端接口提供的数据,是否能够在页面中显示出来

 

95 模拟用户进行了添加操作

 

96 模拟用户进行了删除操作

 

97 关闭虚拟机

 

98 IDEA在关闭虚拟机后的状态

 

99 VMware中的虚拟机关机状态

 

100 后续的操作

将本次部署时用到的Dockerl文件 dist目录 jar包 进行备份

记录待改进之处,针对这些地方进行学习

更新Gitee远程仓库

写部署体会

等等

 

标签:容器,dist,删除,项目,部署,前端,镜像
From: https://www.cnblogs.com/H742/p/16843918.html

相关文章

  • 部署前端项目分离项目 - 准备工作
    0本篇文章中部署《前后端分离项目》所需的所有准备步骤 1设置虚拟机网络 2在VMware中开启虚拟机 3等待虚拟机开机  4虚拟机开机成功,进入到虚拟机的......
  • vscode下如何把缩进为2个空格的python项目改为4个空格的缩进
    最近在看老项目的代码,是python2.7年代的项目,那个时候很多的python项目都是使用2个空格,不过现在估计大多数人写python项目都是使用4个空格的了,而我看这两个空格的项目代码也......
  • 如何创建Github仓库并上传本地项目
    具体步骤最优:1.Github创建之后,直接clone再进行操作,在本地gitinit,之后直接本地操作次优:容易出现问题Github创建新的仓库,保证有readme文件创建本地项目进入本地项......
  • 前端基础vue
    1、指令 ·v-html,v-text (单项绑定:数据变,视图变)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"c......
  • 部署静态网站的五种方法
    第一种:添加静态页面在Tomcat8\webapps\ROOT根路径下例如:在ROOT文件夹下放一个hello.html的静态页面访问方法:localhost:8080/hello.html第二种:在Tomcat8\webapps路径下自定义......
  • vue-项目的整体增删改查
    路由: importVuefrom"vue";importVueRouterfrom"vue-router";importSelectViewfrom"../components/SelectView.vue";importSelectFromViewfrom"../compon......
  • 企业微信Oauth2协议前端流程
    前言由于近期工作中设计项目部署上企业微信,并且需要需要用户通过授权来实现获取用户企业微信信息的需求。经过了解,企业微信平台通过Oauth2协议实现第三方应用授权方式获取......
  • 使用es6-promise包兼容ie浏览器下的vue项目
    问题描述:“Promise”未定义解决步骤1.下载依赖npmies6-promise--save-dev2. 在入口文件中引入 es6-promise包,并使用(如果你是用vue-cli生成的项目,那么在/sr......
  • 信息系统项目管理记忆口诀
    1.十大管理的内容口诀:范进整狗子,成人干风采;六妻溜三山,试试石榴市。解释:范进整狗子,成人干风采:范围、进度、整体、沟通、质量;成本、人力资源、干系人、风险、采购六妻溜......
  • 信息系统项目管理章节记忆口诀
     第1-3章1、信息化从“小”到“大”的5个层次口诀:产企业国社知识点:产品信息化、企业信息化、产业信息化、国民经济信息化、社会生活信息化2、信息系统生命周期的四个......