宝塔如何部署springboot前后端分离项目

本文详细介绍了如何在阿里云上部署CentOS服务器,包括环境配置(JDK,Nginx,MySQL,Redis,Tomcat)、Springboot后端部署(包括YAML配置、打包与jar包上传)、前端Vue.js部署(package.json,生产环境配置)以及使用宝塔进行一键安装和域名设置。

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

一:准备工作

1.阿里云购买一个centos的服务器
2.环境准备:
2.1 jdk1.8
2.2 nginx
2.3 mysql
2.4 redis
2.5tomcat
这里根据网上的教学很好安装如果是宝塔的话除了redis都可以一键安装
软件商城安装这三个即可
在这里插入图片描述
在这里插入图片描述
数据库也是可以直接可视化创建并且导入sql很方便
在这里插入图片描述

二:后端部署

2.1. yaml配置(本地的mysql、redis均改为localhost)

在这里插入图片描述
在这里插入图片描述

2.2打包

先点击clean、再点击package
在这里插入图片描述
如果是spring boot项目的话只需要部署该包下的jar包就行(启动类在哪个maven下就打包哪个,微服务要打包多个jar包)这里以Springboot为例子,找到启动类下的target的(点击package打包后出现)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.3jar包上传到服务器(哪个目录都行)

这句话的意思是后台运行项目并且开启远程调试端口7777(可以参考我文章idea开启远程调试),并且输出日志system.log
https://chenguangzhao.blog.youkuaiyun.com/article/details/132145376?spm=1001.2014.3001.5502

nohup java -jar -Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7777 rabc-admin.jar >system.log 2>&1 & 

三:前端部署

3.1点击package.json查看打包的命令

在这里插入图片描述
从这里可以看出打包分由两个环境分别是prod还有stage的环境

在这里插入图片描述

# 页面标题
VUE_APP_TITLE = “悦享e赛”运动会报名平台

# 生产环境配置
ENV = 'production'

# “悦享e赛”运动会报名平台/生产环境
VUE_APP_BASE_API = '服务器ip的地址'
比如//http://172.55.120.111:7777 这里的7777是后端的端口

输入npm run build:prod打包该环境的
在这里插入图片描述

3.2这里推荐用宝塔一键安装

在这里插入图片描述
域名输入你服务器的ip:172.55.120.111根目录就是你的dist包所在位置,默认是监听80端口,所以宝塔的80端口要放开,以及阿里云服务器的端口也要放开。

在这里插入图片描述

把dist文件放在你想放的位置(比如我把我前端打包的dist放/www/wwwrot/dist下),然后这里填写你dist的所在位置即可,可以通过命令pwd来查看当前位置.

四:部署完毕

通过172.55.120.111:80即可访问你的项目页面

您好!关于宝塔面板部署Spring Boot项目前后端分离,可以按照以下步骤进行操作: 1. 准备工作: - 确保您已经安装了宝塔面板,并成功登录到面板后台。 - 确保您已经成功部署了前端项目后端项目,并分别准备好了前端和后端的代码。 2. 配置域名和SSL证书: - 在宝塔面板中,进入“网站”菜单,点击“添加站点”。 - 输入您的域名,并设置其他相关配置,比如网站根目录等。 - 在“SSL”选项卡中,选择您的SSL证书并启用HTTPS。 3. 配置反向代理: - 在宝塔面板中,进入您刚刚创建的站点,找到“反向代理”选项。 - 点击“添加反向代理”,设置反向代理的目标URL为后端项目的访问地址(比如http://localhost:8080)。 - 确保“是否开启缓存”选项未勾选。 4. 配置前端静态文件: - 在宝塔面板中,进入您的站点,在“网站目录”选项卡中找到您的前端代码目录。 - 将前端代码目录设置为网站根目录,并保存。 5. 重启Nginx服务: - 在宝塔面板中,进入“软件”菜单,找到您的站点所在的Nginx服务。 - 点击“重启”,使配置生效。 6. 测试访问: - 打开浏览器,输入您的域名,并访问该地址。 - 如果一切正常,您应该能够看到前端页面,并且前端与后端之间可以正常通信。 希望以上步骤能够帮助您成功部署Spring Boot项目前后端分离。如有任何疑问,请随时向我提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不会敲代码阿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值