通过宝塔面板摆设一个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+后端端口号

注意：