SpringBoot和Vue项目服务器发布流程分享
SpringBoot和Vue项目服务器发布流程
1、先准备好一个云服务器
这里使用的是阿里的ECS并在安全组中开放8888端口以便访问宝塔页面
2、安装宝塔
1.可以使用宝塔官网远程安装，需要服务器的ip地址和ssh账号、密码
2.或者在服务器端使用命令行安装（宝塔官网有命令）
安装完成后可以看到访问地址和登录宝塔界面的用户名密码
如果忘记可以使用以下命令查看
/etc/init.d/bt default
3、登录宝塔并在左侧栏中数据库中上传数据库文件
先添加数据库并创建用户名和密码（代码中尽量不要用root用户，因为root具有全部权限，不安全）
创建完成之后点击导入并上传本地数据库导出的sql文件
4、使用idea的maven的package命令将项目打jar包
打包之前需要先将配置文件中的数据库连接地址和访问信息修改成服务器端的地址
(可以在pom文件中添加maven打包设置来实现 将配置文件和静态资源等放在指定位置 配置springboot项目动静分离 打包分离lib)
5、打包vue项目生成dist文件夹
打包之前需要先将配置文件中的数据库连接地址和访问信息修改成服务器端的地址
(比如vue.config.js 和axios.js等)
在控制台运行以下命令
npm run build
6、在宝塔界面左侧栏中的文件中创建存放项目的文件夹
在springboot文件夹中上传jar包以及配置文件和静态资源
在vue文件夹中上传dist文件夹中的所有文件
7、完成以上工作之后，前往ECS的安全组中，开放端口
3306数据库端口6379Redis443HTTPS80HTTP- 项目后端端口
- 项目前端端口
8、在宝塔界面左侧栏中的安全中也开放上一步中的端口
9、打开宝塔界面左侧栏中的软件商店
下载需要用到的软件
nginx-1.24web服务器mysql-5.7数据库php-7.4和phpmyadmin-5.0管理数据库需要 （可以不安装）
10、打开宝塔界面左侧栏中的网站注册SpringBoot项目
在Java项目中
- 点击
JAVA环境管理，安装jdk1.8.0_371 - 点击
添加Java项目 - 添加SpringBoot项目
- 设置
项目jar路径为jar包所在路径 - 项目端口设置为
项目后端端口 - 项目JDK选择
jdk1.8.0_371 - 点击确定即可
- 状态为运行中为正常
如果状态为未启动
可以检查下
这里需要注释掉，不然会跳过打包很多东西
11、打开宝塔界面左侧栏中的网站注册Vue项目
在HTML项目中
点击添加HTML项目
域名填写云服务器的ip地址（宝塔页面ip地址）和项目前端端口格式
根目录选择vue文件夹
点击确定即可
12、访问项目
点击项目名称下的ip，再点击域名下的地址进行访问，即可成功访问前端页面
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
探索Java分布式限流技术,让你的系统远离流量过载的烦恼,本指南将带你了解如何使用Java实现高效的限流策略,帮助你轻松应对高并发场景,让我们一起开启这段精彩的技术之旅,打造更加稳定可靠的系统,需要的朋友可以参考下2024-03-03
解决idea启动项目报错java: OutOfMemoryError: insufficient memory
这篇文章主要介绍了解决idea启动项目报错java: OutOfMemoryError: insufficient memory的相关资料,这个错误通常是因为 JVM 的内存配置不足所致,文中给出了解决办法,需要的朋友可以参考下2025-12-12
这篇文章主要为大家介绍了Java过滤器拦截器实例详解逐步掌握，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要介绍了Java模拟计算机的整数乘积计算功能,简单分析了计算机数值进制转换与通过位移进行乘积计算的原理,并结合具体实例给出了java模拟计算机成绩运算的相关操作技巧,需要的朋友可以参考下2017-09-09
这篇文章主要介绍了SpringBoot整合Scala构建Web服务的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了Java 的抽象类原理与用法,结合实例形式分析了java抽象类与接口的相关概念、原理、使用方法及操作注意事项,需要的朋友可以参考下2019-12-12
SpringBoot集成OAuth2实现安全认证与授权的实践
本文主要介绍了SpringBoot集成OAuth2实现安全认证与授权的实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2026-03-03
SpringBoot中@ConfigurationProperties 配置绑定
本文主要介绍了SpringBoot中@ConfigurationProperties 配置绑定，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要为大家介绍了SpringBoot HikariCP配置项及源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
MyBatis 的前身就是 iBatis 。是一个数据持久层(ORM)框架。下面通过本文给大家介绍SpringMVC整合mybatis实例代码，感兴趣的朋友一起学习吧2016-05-05
最新评论