【Linux服务器】SpringBoot+Vue 前后端分离微服务项目打包部署上线全流程

Honkers · 2025-3-5 21:41:59

<p>🎯导读：该文档提供了Vue.js前端项目与Java后端项目的打包和部署指南。前端部分介绍了如何通过修改配置文件来进行生产环境构建，并使用Nginx或宝塔面板进行部署。后端部分详细说明了如何调整Maven配置以优化打包过程，以及如何通过命令行或宝塔面板部署Spring Boot应用。文档还包含了示例代码和步骤截图，便于开发者理解和操作。</p>

<p></p>

<p></p>
<h2>前端打包部署</h2>
<p>前端项目为vue项目，使用vue admin template作为后台管理模板进行开发。</p>
<h3>前端打包</h3>
<h4>了解开发环境、生产环境，修改生产环境的配置</h4>
<p>在开发的时候，往往使用本地电脑进行开发。但是项目上线的时候，需要部署到云服务器中。开发环境和生成环境的部门配置往往有所差异，例如ip不同。因此项目中使用两个配置文件来分别存放开发环境和生产环境，方便环境隔离和切换。</p>
<p>

</p>
<p>修改生产环境配置文件。</p>
<p>

</p>
<p>修改配置文件</p>
<p>

</p>
<h4>运行命令进行打包</h4>
<p>

</p>
<p>

</p>
<p>打包成功之后得到dist文件夹</p>
<p>

</p>
<h3>前端部署</h3>
<p>使用下面两种部署方式都可以，如果linux服务器已经安装了宝塔，推荐宝塔，因为方便高效。</p>
<h4>nginx部署</h4>
<p>先将打包后的文件上传到云服务器的nginx的html目录下</p>
<p>

</p>
<p>

</p>
<p>修改配置文件<br />

<br />

</p>

server {
# 前端项目要部署到什么端口
listen 8889;
server_name localhost;
location / {
# 告诉nginx，前端打包好的文件在哪里
root html/sssFront;
# index配置首页文件
index index.html index.htm;
}
#这里解决跨域问题，后端地址及端口号
location /api/ {
# ip和端口根据后端服务器来确定，因为我的后端服务也是部署在这台服务器中，所以可以写127.0.0.1
proxy_pass http://127.0.0.1:6001$request_uri;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-real-ip $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}

复制代码

<p>修改完配置文件之后，重启或者reload nginx即可。前端项目部署成功，服务器开放端口后，使用ip:8889访问即可。</p>
<h4>宝塔部署</h4>
<h5>宝塔安装</h5>
<p>使用宝塔可以非常方便地部署前端、后端项目，但是有一个前提条件：你的服务器已经安装了宝塔，或者你的服务器非常干净，什么环境都没有，那就可以安装宝塔。</p>
<p>

</p>
<p>想要安装宝塔非常简单，直接命令行运行下面的命令，途中有y/n，直接选择y即可。</p>

yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

复制代码

<p>安装成功之后记得将宝塔的账号密码信息存储起来。</p>
<p>

</p>
<p>云服务器开放宝塔相应端口（本文的端口是19565），即可使用本地电脑访问宝塔面板（访问地址为上图的外网面板地址），输入账号密码即可进入宝塔面板</p>
<h5>宝塔中安装Nginx</h5>
<p>想要部署前端，只需要安装一个nginx即可</p>
<p>

</p>
<h5>网站部署</h5>
<p>

<br />

<br />

</p>
<p>勾选文件，右键删除</p>
<p>

<br />

</p>
<p>直接将本地打包的文件拖进来上传即可。</p>
<p>

<br />

</p>
<p>文件上传之后，如果自己输入的域名是假域名，需要配置云服务的ip<br />

<br />

</p>
<p>云服务器开放8002端口，即可访问前端项目</p>
<p>

</p>
<p>到这里，前端就部署成功啦，直接使用域名:端口或者ip:端口即可访问网站</p>
<h5>修改网站对应的nginx配置</h5>
<p>

<br />

</p>
<p>如果刷新页面报错404，添加这行配置</p>
<p>

</p>

try_files $uri $uri/ /index.html;

复制代码

<p>修改配置文件之后，重启网站<br />

</p>
<h2>后端打包部署</h2>
<h3>后端打包</h3>
<h4>修改生产环境配置</h4>
<p>

<br /> 注意！！！<br /> 注意！！！<br /> 注意！！！</p>
<p>yml的配置缩进一定要正确，不然可能找半天错误都不知道是哪里的问题，别问我怎么知道的/(ㄒoㄒ)/~~</p>
<p>

</p>
<h4>pom文件修改</h4>
<h5>父工程的pom文件</h5>
<p>在父工程的pom文件中添加打包配置</p>

<packaging>pom</packaging>
<build>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<version>3.1</version>
<configuration>
<source>1.8</source>
<target>1.8</target>
</configuration>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-surefire-plugin</artifactId>
<version>2.19.1</version>
<configuration>
<skipTests>true</skipTests>
</configuration>
</plugin>
</plugins>
</build>

复制代码

<h5>子工程的pom文件</h5>
<p>修改子工程的packaging方式为jar包</p>
<p>

</p>
<p>如果不添加下面的配置，打包的只是源码包，无法直接运行为SpringBoot程序。注意，需要指明mainClass，这样运行jar包的时候，才可以找到要启动的SpringBootApplication</p>

<packaging>jar</packaging>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<configuration>
<mainClass>com.dam.ThirdPartyApplication</mainClass>
<layout>ZIP</layout>
</configuration>
<executions>
<execution>
<goals>
<goal>repackage</goal>
</goals>
</execution>
</executions>
</plugin>
</plugins>
</build>

复制代码

<h4>打包</h4>
<p>可以使用package或者install来打包</p>
<p>

</p>
<p>点击父工程的package即可为所有子工程打包，打包之后的jar包在子工程的target下面找到</p>
<p>

</p>
<h3>后端部署</h3>
<h4>普通部署</h4>
<h5>运行jar包</h5>
<p>有了jar包之后，直接在服务器里面运行jar包即可，首先将打包好的jar包上传到服务器中</p>
<p>

</p>
<p>因为要运行的服务比较多，我这里使用批处理文件，run.sh。直接创建一个文本文件，将命令输入进去保存，最后命名为run.sh</p>

nohup java -Xmx1024M -Xms256M -jar shift-scheduling-calculate-service-0.0.1-SNAPSHOT.jar --server.port=6004 --spring.profiles.active=prod &
nohup java -Xmx256M -Xms256M -jar sss-enterprise-0.0.1-SNAPSHOT.jar --server.port=6002 --spring.profiles.active=prod &
nohup java -Xmx256M -Xms256M -jar sss-gateway-0.0.1-SNAPSHOT.jar --server.port=6001 --spring.profiles.active=prod &
nohup java -Xmx256M -Xms256M -jar sss-system-server-0.0.1-SNAPSHOT.jar --server.port=6000 --spring.profiles.active=prod &
nohup java -Xmx256M -Xms256M -jar sss-third-party-0.0.1-SNAPSHOT.jar --server.port=8160 --spring.profiles.active=prod

复制代码

<p>说明：</p>
<ol><li> <p><strong>nohup</strong> 使用nohup可以让项目在后台运行，不写nohup可以看到jar包运行的输出，但是一旦关闭命令行窗口，程序就会停止运行</p> </li><li> <p><strong>-Xmx</strong> Java Heap最大值，默认值为物理内存的1/4，应该视物理内存大小及计算机内其他内存开销进行设置</p> </li><li> <p><strong>-Xms</strong> Java Heap初始值，也是最小值</p> </li><li> <p><strong>-Xmn</strong> Java Heap Young区大小，不熟悉最好保留默认值（我就是不熟悉所以不设置o(╥﹏╥)o）</p> </li><li> <p><strong>-Xss</strong> 每个线程的stack大小，不熟悉最好保留默认值</p> </li><li> <p><strong>–server.port=6004</strong> 指定jar运行的端口号，也可以不指定，因为配置文件也写了，不过想指定其他的可以在这里指定</p> </li><li> <p><strong>–spring.profiles.active=prod</strong> 指定运行jar使用的配置，也可以=dev、=test，看你需要用哪套进入</p> </li></ol>
<p>最后进入jar包所在目录执行run.sh文件即可成功部署后端</p>
<p>给run.sh赋予执行权限</p>

chmod u+x *.sh

复制代码

<p>执行run.sh</p>

./run.sh

复制代码

<h5>停止jar包运行</h5>
<p>查看每个jar包的pid</p>
<p>

</p>
<p>使用命令杀掉进程即可</p>

kill -9 jar对应的pid

复制代码

<h4>宝塔部署</h4>
<h5>软件安装</h5>
<p>如果服务器没有相应的开发环境，使用宝塔就直接爽翻了，我基本是使用宝塔+Docker就可以搞定项目所需的运行环境</p>
<p>

</p>
<p>注意，如果服务器已经安装报了jdk，可以不安装tomcat<br /> 这里的tomcat就是一个工具软件（安装tomcat会自动帮我们在服务器中安装并配置好java环境），安装成功之后，直接停止tomcat的运行，SpringBoot自动Tomcat，用不上这个。</p>
<p>

<br />

</p>
<h5>jar包部署</h5>
<p>将jar包都上传到宝塔中</p>
<p>

</p>
<p>

<br />

</p>
<p>点击提交即部署成功，<br />

</p>
<p>最后记得在宝塔和服务器开放端口</p>
<p>

</p>
<h5>停止jar包执行</h5>
<p>

</p>

[服务器软件] 【Linux服务器】SpringBoot+Vue 前后端分离微服务项目打包部署上线全流程

新人须知

常见问题

关于我们

[服务器软件] 【Linux服务器】SpringBoot+Vue 前后端分离 微服务项目 打包部署上线全流程

新人须知

常见问题

关于我们

[服务器软件] 【Linux服务器】SpringBoot+Vue 前后端分离微服务项目打包部署上线全流程