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

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

 

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远程仓库

写部署体会

等等