宝塔运行springboot+vue项目

最新推荐文章于 2025-07-15 14:24:51 发布

军中的豪杰

最新推荐文章于 2025-07-15 14:24:51 发布

阅读量973

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/innumai/article/details/131292158

本文介绍了如何在宝塔面板上部署SpringBoot后端和Vue前端项目。首先，通过IDEA将SpringBoot项目打包成jar，并在宝塔的Java项目一键部署中添加并配置项目。接着，Vue项目使用npm run build打包，将dist文件夹上传至服务器，通过宝塔添加站点设置访问。别忘了在宝塔和阿里云服务器的安全设置中开放所需端口，以及调整前后端代码以适应服务器环境和数据库配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简介

宝塔使用的是阿里云服务器的自带的宝塔镜像，不是自己去宝塔官方下周的宝塔应用，原因：界面比宝塔官方的简洁、容易操作。

运行springboot后端

在idea通过package指令打包后形成的jar包通过运程文件传输传到服务器上（如果不清楚打包指令可以点击右方Maven-Lifecycle-package进行打包，打包后的.jar包默认放在target目标文件夹）
在这里插入图片描述
而宝塔需到软件商店搜索Java项目一键部署，安装后点击打开，再点击springboot来添加springboot项目，如下图

点击添加项目如下图，通过路径来选取jar包文件，jar包选择之后项目名称自动填写，项目端口如需更改就要连同下面的自定义参数后的端口进行更改，否则会产生项目运行不起来的问题，域名就写你服务器的公网ip，确定后自动运行如上图所示。运行成功后通过ip+端口号来访问。
在这里插入图片描述
运行vue需使用npm run build指令来打包整个vue前端文件，会生成一个dist文件夹在根目录上，直接上传一整个文件夹到云服务器上，点击首页项目的网站来添加站点，域名就是ip+前端端口号，根目录就是dist目录，备注可以不用写，当域名填写后会更改根目录位置，在提交前注意根目录位置的正确性。提交后就可以用ip+端口来访问前端