如何部署Vue+Springboot项目

很多同学在项目上线的部署遇到困难,不懂得怎么部署项目,本文将会带大家手把手从前端部署、java部署来教会大家。

如果项目涉及到了docker相关中间件的环境配置,请参看:https://blog.csdn.net/weixin_73195042/article/details/135567295

前端部署

前端以基于若依框架的一个Vue项目为例,我们先去找到前端项目的package.json里,我们在这里能发现有个build:prod的按钮

我们点击执行后,项目就会开始打包,这个和你在命令行执行npm.cmd run build:prod是一样的

注意,如果你的前端项目没有区分具体的prod环境dev环境等等,可以直接执行npm run build进行打包。

打包后会在项目目录里多出个dist文件夹,将文件夹上传到服务器里docker中nginx挂载的目录html文件夹下就可以了

不过请提前在nginx.conf文件做好相关配置。

后端部署

后端用基于若依的springboot3项目为例,我们先到根项目这里执行clean(不要在意为什么项目会爆红)

注意要点击右上角的skip test 跳过测试,否则会容易出现打包失败的问题。

然后我们点击package开始打包。打包好后我们在项目的admin模块下的target文件夹发现多出一个jar包,这就是我们要部署到服务器上的jar包了。(多模块项目打包后要部署的jar包在的位置基本都在有启动类的模块)

然后我们把jar包上传到服务器的一些目录,执行

sh 复制代码
java -jar XXX.jar

如果需要后台启动项目,执行

复制代码
nohup java -jar xxx.jar &

它会自动生成一个日志文件将日志信息输出到文件中

我们可以通过jps命令观察项目是否部署成功

相关推荐
苏三的开发日记2 分钟前
npm EPERM:无法写入 `.npmrc` 的排查与解决
前端
YWL3 分钟前
OpenLayers地图分享:URL参数同步+分享链接生成,让用户一键分享地图视角
前端·javascript·vue·openlayers
枫叶梨花26 分钟前
Electrobun透明窗口在Windows上的输入穿透排查
前端·electron·bun
卤蛋fg630 分钟前
vue 甘特图组件 vxe-gantt 依赖连接线可视化拖拽创建与双击删除
vue.js
武哥聊编程1 小时前
【AI实战项目】AI Agent数据分析平台,基于SpringAI+Springboot+Vue+Agent的电商数据分析平台
人工智能·spring boot·数据分析·springai
计算机毕设定制辅导-无忧学长1 小时前
《基于SpringBoot的庭院玫瑰栽培养护知识交互式科普平台设计与实现》
java·spring boot·后端·毕业设计·个性化推荐·协同过滤算法·庭院玫瑰栽培养护知识科普平台
骇客野人1 小时前
SpringBoot数十Jar包批量生产部署落地实施方案(Shell+Systemd完整版)
spring boot·后端·jar
云上工程笔记2 小时前
AstraFlow + React/Vite:如何用自然语言开发并部署一个 AI 咖啡网站原型
前端·人工智能·react.js
Json____2 小时前
从零构建家政服务平台:一套全栈架构如何打通管理端与移动端-java-springboot
java·spring boot·后端·架构·毕设·wwwoop.com
Q一件事2 小时前
ArcGIS中TypeError: can‘t multiply sequence by non-int of type ‘str‘错误
前端·javascript·arcgis