SpringBoot和Vue项目服务器发布流程分享
作者:wow_xh
本文详细介绍了如何将SpringBoot和Vue项目发布到阿里云ECS服务器上的步骤,包括准备服务器、安装宝塔、配置数据库、打包项目、上传文件、设置端口、安装软件和注册网站等
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
数据库端口6379
Redis443
HTTPS80
HTTP- 项目后端端口
- 项目前端端口
8、在宝塔界面左侧栏中的安全中也开放上一步中的端口
9、打开宝塔界面左侧栏中的软件商店
下载需要用到的软件
nginx-1.24
web服务器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,再点击域名下的地址进行访问,即可成功访问前端页面
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。