前后端分离项目打包

1. 前端打包：
   （1）场景：vue，element；
   （2）在前端的终端处运行

npm run build

(3) 打包完成后会在项目目录下生成“dist”文件。将其中的“static"文件和“index.html”放入后端目录的resources目录下。

2. 后端打包：
   （1）场景：spring boot
   （2）在本栏目中的https://blog.csdn.net/qq_51009027/article/details/120839779
   前提下将后端配置文件中的spring.datasource.url
   改为：jdbc:mysql://192.168.87.133:3306/war2?useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC
   区别：将localhost:3306改为服务器IP:3306。
   （3）数据库工作准备完成后就进行项目打包。打包方式：利用maven插件-先进行clear后在进行package：
   
   （4）再执行clear时显示错误：

Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources) on project demo: Input length = 1 -> [Help 1]

解决方法：在pom.xml文件中添加：

<plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-resources-plugin</artifactId>
                <version>3.1.0</version>
            </plugin>

（5）这个问题解决后。那肯定就是进行package命令了。但是无奈，之前行云流水。到了打包测试项目运行是出现错误：
（当时没有截图，但是错误都是关于连接数据库超时的问题。下面这个是我找到的一个浏览器搜索记录。其中的一个错误信息）

Caused by: java.net.ConnectException: Connection timed out: connect

解决这个错误我用了网上的很多方法：检查服务器数据库是否开启；检查服务器数据库是否设置任何主机访问的权限；防火墙开放3306端口…。但是没有得到解决。
（6）我的解决方法：当然也是再不断尝试才得以解决：
服务器检查防火墙运行状态：

firewall-cmd --state

如果显示“running”就说明开启状态。
那么我们关闭防火墙：

systemctl stop firewalld.service

并设置开机不启动防火墙：

systemctl disable firewalld.service 

（7）之后再进行package打包时检测项目运行时就直接一路通畅了。
（8）打包好的jar包会在后端项目目录“target”中。利用Xshell将该jar包和配置文件“application.properties”远程传输至服务器tomcat下的webapps目录下。
（9）cd至webapps目录。运行jar包：

（10） 在浏览器上输入：服务器IP地址:项目端口号 —例：192.168.75.132:8765。就可以进入项目页面了