如何部署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命令观察项目是否部署成功

相关推荐
古法老登瞎折腾15 分钟前
大数据智能运维实战(一):机器和任务数据都有了,如何用 MCP 搭建运维助手?
大数据·运维·spring boot·spring ai·mcp
猫头_34 分钟前
AI 流式传输工程指南:模型吐出半截 JSON,前端如何边收边渲染?
前端·javascript·llm
console.log('npc')1 小时前
第 1 章 项目概述与环境搭建
前端·人工智能·大模型
定栓1 小时前
Webpack迁到Vite第七节(二):全家桶移除 — Babel 全家桶深度分析
前端·webpack·node.js
企业数字化笔记1 小时前
多租户配额怎么控制?用量口径、并发预留与超额处理的实现方法
java·数据库·spring boot
IT_陈寒1 小时前
React组件莫名重渲染?你可能忘了这个小细节
前端·人工智能·后端
鶴哥只手遮天1 小时前
React 19.3.1 源码深度剖析-第 12 章(下)RSC 与 Flight 协议
前端·react.js·开源
deli0071 小时前
TCP 三次握手到底发几个包?丢包重传动画实测一遍
前端
盟接之桥2 小时前
盟接之桥谈线束数字化-按单入按单出:线束企业库存管理的破局之道
大数据·前端·网络·数据库·人工智能·制造
巴勒个啦2 小时前
Prompt Engineering 实战:5 个让 AI 生成生产级业务代码的工程模式
java·前端