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

2022年6月6日08:27:36

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

npm run build

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

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

进入到springboot项目中

resources目录下新建static文件夹

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

 这个时候就整合到一块了

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

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

然后运行springboot项目shift+F10

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


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

先将此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+端口就能访问了

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

  • 作者:2022湖人总冠军
  • 原文链接:https://blog.csdn.net/weixin_47509680/article/details/120456989
    更新时间:2022年6月6日08:27:36 ,共 626 字。