---

🌟“场快订” 场馆预定平台是我个人匠心打造的全栈免费开源项目，使用 Spring Cloud + Uniapp 开发，包含高并发设计（缓存击穿、缓存穿透处理）、大数据量查询优化、分库分表、IP 流量管控、分布式事务、分布式 ID、幂等处理、WebSocket 双向通信、消息队列异步执行、延时队列等内容，此外还包括域名购买与解析、项目打包上线、HTTP升级HTTPS等手把手教程，项目代码简洁，部分代码使用设计模式重构，非常适用于学习后端技术、毕业设计、相关计算机竞赛，感兴趣的朋友可以从以下链接进行学习：

📦 源码仓库：https://gitee.com/HelloDam/venue-reservation
📚 技术专栏：https://blog.csdn.net/laodanqiu/category_12877044.html
📱 在线体验：https://hellodam.website（建议手机访问）

---

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

前端打包部署

前端项目为vue项目，使用vue admin template作为后台管理模板进行开发。

前端打包

了解开发环境、生产环境，修改生产环境的配置

在开发的时候，往往使用本地电脑进行开发。但是项目上线的时候，需要部署到云服务器中。开发环境和生成环境的部门配置往往有所差异，例如ip不同。因此项目中使用两个配置文件来分别存放开发环境和生产环境，方便环境隔离和切换。

修改生产环境配置文件。

修改配置文件

运行命令进行打包

打包成功之后得到dist文件夹

前端部署

使用下面两种部署方式都可以，如果linux服务器已经安装了宝塔，推荐宝塔，因为方便高效。

nginx部署

先将打包后的文件上传到云服务器的nginx的html目录下

修改配置文件

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;
		}
 
	}

修改完配置文件之后，重启或者reload nginx即可。前端项目部署成功，服务器开放端口后，使用ip:8889访问即可。

宝塔部署

宝塔安装

使用宝塔可以非常方便地部署前端、后端项目，但是有一个前提条件：你的服务器已经安装了宝塔，或者你的服务器非常干净，什么环境都没有，那就可以安装宝塔。

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

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

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

云服务器开放宝塔相应端口（本文的端口是19565），即可使用本地电脑访问宝塔面板（访问地址为上图的外网面板地址），输入账号密码即可进入宝塔面板

宝塔中安装Nginx

想要部署前端，只需要安装一个nginx即可

网站部署

勾选文件，右键删除

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

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

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

到这里，前端就部署成功啦，直接使用域名:端口或者ip:端口即可访问网站

修改网站对应的nginx配置

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

try_files $uri $uri/ /index.html;

修改配置文件之后，重启网站

后端打包部署

后端打包

修改生产环境配置

注意！！！
注意！！！
注意！！！

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

pom文件修改

父工程的pom文件

在父工程的pom文件中添加打包配置

<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>

子工程的pom文件

修改子工程的packaging方式为jar包

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

<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>

打包

可以使用package或者install来打包

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

后端部署

普通部署

运行jar包

有了jar包之后，直接在服务器里面运行jar包即可，首先将打包好的jar包上传到服务器中

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

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

说明：

1. nohup 使用nohup可以让项目在后台运行，不写nohup可以看到jar包运行的输出，但是一旦关闭命令行窗口，程序就会停止运行

2. -Xmx Java Heap最大值，默认值为物理内存的1/4，应该视物理内存大小及计算机内其他内存开销进行设置

3. -Xms Java Heap初始值，也是最小值

4. -Xmn Java Heap Young区大小，不熟悉最好保留默认值（我就是不熟悉所以不设置o(╥﹏╥)o）

5. -Xss 每个线程的stack大小，不熟悉最好保留默认值

6. –server.port=6004 指定jar运行的端口号，也可以不指定，因为配置文件也写了，不过想指定其他的可以在这里指定

7. –spring.profiles.active=prod 指定运行jar使用的配置，也可以=dev、=test，看你需要用哪套进入

最后进入jar包所在目录执行run.sh文件即可成功部署后端

给run.sh赋予执行权限

chmod u+x *.sh

执行run.sh

./run.sh

停止jar包运行

查看每个jar包的pid

使用命令杀掉进程即可

kill -9 jar对应的pid

宝塔部署

软件安装

如果服务器没有相应的开发环境，使用宝塔就直接爽翻了，我基本是使用宝塔+Docker就可以搞定项目所需的运行环境

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

jar包部署

将jar包都上传到宝塔中

点击提交即部署成功，

最后记得在宝塔和服务器开放端口

停止jar包执行