前后端分离项目打包上传服务器

前后端分离项目打包上传服务器

项目环境

本次项目前端使用的是vue 后端使用spring boot

分别使用的编辑器是vs code和ide

前端项目打包

npm run build

使用npm run build 将前端项目打包进dist文件夹

将dist文件夹中的文件复制到后端项目的src下的main的resources中的static文件夹中，再修改其中static文件夹中js文件夹里第一个文件，将前端项目的端口号给删除 保留第一个分隔符，如我这里删除localhost:8080,使用替换的方式全部修改完成之后就可以进入后端打包的过程了。

后端项目打包

后端项目打包前现在maven中将老的项目文件clear一下，然后使用packet打包，等待打包完成会在target文件夹中生成一个jar包，至此打包完毕，接下来进行上传过程。

xshell和xftp

首先使用xftp将打包好的jar包复制到服务器端的文件夹当中，接着使用 xshell。cd进入到刚刚存放jar包的文件夹，

使用命令先杀死一下端口

sudo fuser -k -n tcp 80 ——————强制杀死某个端口的进程

然后启动jar包即可

nohup java -jar xxx.jar >springboot.log 2>&1&