超详细Docker部署SpringBoot+Vue项目（三更博客项目部署）

该文章已同步收录到我的博客网站，欢迎浏览我的博客网站，xhang’s blog

笔者踩坑无数、吐血整理，如果帮到你了能给我点个赞，点点关注吗，嘿嘿。
项目地址：
后端
博客前台
博客后台

1.项目部署规划

1. 后端多模块项目blog以及各模块运行端口：

前台服务模块sangeng-blog->7777，后台服务模块sangeng-admin->8989，公共模块sangeng-framework

2. 前端前台Vue项目：sg-blog-vue->8093

3. 前端后台Vue项目：sg-vue-admin->8094

4. docker所需镜像：

   • java:8（jdk1.8）

   • mysql:8.0.19

   • redis:6.0.8

   • nginx:1.18.0

5. 部署步骤：

   • 安装docker

   • 拉取java:8镜像，后端项目使用maven打包，上传jar包到服务器指定目录/mydata，编写Dockerfile文件，将后端项目打成镜像文件。

   • 拉取mysql:8.0.19、redis:6.0.8、nginx:1.18.0镜像。

   • 编写docker-compose.yml文件，使用docker-compose容器编排管理容器运行。

   • 配置mysql，导入sql文件

   • 配置redis，修改redis.conf文件

   • 配置nginx，将打好包的Vue项目放到html目录下，并配置nginx.conf文件

   • 测试运行

   • 镜像上传阿里云镜像仓库

6. 使用工具：

   • IDEA
   • Navicat
   • ApiFox
   • Mobaxterm

2.前置工作

2.1修改后端配置文件ip

修改后端项目的application.yaml文件，将MySQL服务和Redis服务的localhost修改为服务器ip

2.2修改前端Vue项目运行端口

​ 前台Vue项目修改项目运行端口是在config文件夹下的index.js文件当中，运行端口由原来的80变为8093

​

后台Vue项目修改项目运行端口是在vue.config.js文件当中，运行端口由原来的8081变为8094

2.3修改前端对应的服务器ip

1. 使用快捷键ctrl+shift+R全局搜索，将原来的localhost更改为对应的服务器ip

2. 前台Vue项目

3. 后台Vue项目

将原来的开发环境和生产环境的VUE_APP_BASE_API都更改为你的服务器ip和后端子模块端口

2.4后端项目打包

1. 后端项目使用maven打包

​ 打包后在target目录下生成对应模块的jar包

打包出现的问题：我在打包完成后查看jar包，发现只有16kb，然后试在本地运行jar包测试，果然有错误，报错信息是：xxxxx-0.0.1-SNAPSHOT.jar中没有主清单属性，原因是不能找到程序的主类，需要修改父pom文件和子模块sangeng-blog的pom文件和子模块sangeng-admin的pom文件，修改如下：

2.4.1解决打包问题

	这是要使用的SpringBoot版本要在2.6以上，我的为2.6.11

1. 父pom

<build>
    <plugins>
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-compiler-plugin</artifactId>
            <version>3.10.1</version>
        </plugin>
        <!-- 此插件必须放在父 POM 中  -->
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-assembly-plugin</artifactId>
            <version>3.3.0</version>
            <executions>
                <!--
                执行本插件的方法为，在主目录下执行如下命令：
                mvn package assembly:single

                对于 IntelliJ IDEA，生成的 JAR 包位于每个模块下的文件夹 target
                -->
                <execution>
                    <id>make-assembly</id>
                    <phase>package</phase>