vue打包后整合到springboot项目、并打包成jar上传到Linux服务器运行【前后端分离开发、整体部署到Linux服务器】

312 阅读1分钟

前端打包

当开发完前端工程后,执行npm run build进行打包 

npm run build

默认会生成dist文件夹  里面包含了整个前端项目处理后的静态文件

集成到后端

进入dist文件夹  复制里面的所有文件

进入到springboot项目中

resources目录下新建static文件夹

将刚才从dist复制的文件粘贴到static里面 

 这个时候就整合到一块了

此时index.html默认引入的静态资源路径可能会有虚线警告

无视它就行了,因为这个路径是没问题的

然后运行springboot项目 shift+F10

访问后端启动地址就能访问到项目了

打包springboot项目

最终开发完毕后要上传到服务器时

先将此maven项目打包

如图所示

点击执行mvn package就会打包了

mvn package

 打包完毕后会在项目目录中生成一个target文件夹

里面有一个 .jar结尾的文件包就是目标产物

还有一个 .jar.original用不到  请无视它

上传服务器并运行项目

.jar结尾的文件通过XFTP上传到服务器根目录( /root)下

如何使用Xshell XFTP 请看我的另一篇文章,安装JDK、nginx、mysql的那篇文章

 然后在linux命令行执行命令运行jar文件

******* 就是你自己的jar文件名

java -jar ***.jar

执行这句代码让程序一直在后端运行

这样即使关闭xshell连接也能访问到项目

nohup java -jar  ***.jar  &

然后输入公网IP+端口就能访问了

如果这边文章对你有那么一点点帮助,请点个赞再走,这会对我很有帮助!