ToB企服应用市场:ToB评测及商务社交产业平台
标题:
通过宝塔面板摆设一个SpringBoot+Vue前后端分离项目标指南（半夜）
[打印本页]
作者:
何小豆儿在此
时间:
2024-6-26 01:51
标题:
通过宝塔面板摆设一个SpringBoot+Vue前后端分离项目标指南（半夜）
采取的摆设方案
阿里云服务器->FinalShell->宝塔面板。
近期必要将本身的一个SpringBoot+Vue前后端分离项目，而且是分模块开发的项目摆设到服务器上，记录一下踩坑的地方，结合C站大佬的解决方案，谆谆教导一步步摆设到服务器上，简单，快速！
一、实现思绪
购买服务器，阿里云，腾讯云，华为云等，24周岁以下通过实名认证有优惠补贴，大概搜索试用，可以试用1个月。我这里采取的是阿里云服务器。
通过FinalShell工具，安装宝塔面板，安装乐成后，会相应一个面板地址和用户名暗码信息。
通过FinalShell相应的外网面板地址，登录宝塔面板。
在宝塔面板新建一个数据库，记住数据库名和账户暗码。
将前端项目npm run biuld打包成dist文件。
将后端项目通过maven打jar包。（
注意：后端项目在打包前，必要在对应的application文件中修改数据库信息，这里的数据库不是本地的localhost了，是刚刚在宝塔上创建的数据库信息
）
将前后端项目上传到宝塔面板。
进入终端，cd到你上传的jar包目录下，启动项目。
二、使用步骤
1.购买服务器
https://www.aliyun.com/
使用阿里云的时间，个人建议还是切换成旧版，操纵更加简洁。
选择阿里云服务器时在设置过程中，注意：
操纵系统选择较为完备成熟的centos7
。
进入实例，重置你的暗码
点击进入实例，设置安全组，就是放开你项目中所必要运行的端口
点击添加安全组，设置你所需放行的端口
2.FinalShell工具
Windows版下载地址:
http://www.hostbuf.com/downloads/finalshell_install.exe
安装完成后：
毗连乐成
3.拉取宝塔面板
宝塔地址：
https://www.bt.cn/new/index.html
复制Centos安装脚本：
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
这里注意
如今可以通过宝塔面板反馈的账号暗码，登录到宝塔面板了。
4.设置宝塔面板&新建数据库
进入到宝塔面板会让你绑定宝塔的账号，就用手机号注册就行了。
然后会保举安装插件，选左边系统保举的，一键安装就行。
刚才在阿里云设置了安全组（放行端口），宝塔面板也同样必要放行端口。
新建数据库：
导入本地准备的sql文件。进行导入，导入乐成后，点击管理，用你的数据库账号登录管理器可以查看你的数据库信息。
宝塔的设置临时到这里。
5.前端代码打包
打包前修改原来的启动端口：
sg-blog-vue：8093
sg-blog-admin：8094
sg-blog-vue：
把target的指向改为本身宝塔左上角的ip地址+后端端口号
此时sg-blog-vue修改完备：
在控制台（当前目录）输入：npm run biuld命令进行打包。生成dist文件
sg-blog-admin：
同样将原来的localhost改为ip+后端端口号
注意：
欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)
Powered by Discuz! X3.4
