通过宝塔面板摆设一个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/
使用阿里云的时间，个人建议还是切换成旧版，操纵更加简洁。
https://img-blog.csdnimg.cn/865a7fb80be446f7acf2e02900642a65.png选择阿里云服务器时在设置过程中，注意：操纵系统选择较为完备成熟的centos7。
https://img-blog.csdnimg.cn/7ecf441c0a1941cca149545224a28071.png进入实例，重置你的暗码
https://img-blog.csdnimg.cn/69fe2a49b7f9472595cb323a48188373.png
点击进入实例，设置安全组，就是放开你项目中所必要运行的端口
https://img-blog.csdnimg.cn/f0b97b2cdd3640abad2652875b707fb8.png
点击添加安全组，设置你所需放行的端口
https://img-blog.csdnimg.cn/216d8e7e5c1949d088830ecdf0c03038.png
https://img-blog.csdnimg.cn/cd04360c8f9d43b3b06338365a1d15ba.png
2.FinalShell工具
Windows版下载地址:
http://www.hostbuf.com/downloads/finalshell_install.exe
安装完成后：
https://img-blog.csdnimg.cn/39621826c3494133b60dd74d3c32a84c.pnghttps://img-blog.csdnimg.cn/ec19553b6eea404f8245a99e966b5ab4.png毗连乐成
https://img-blog.csdnimg.cn/de9928cd1f9d45e39411324f27958c17.png
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
https://img-blog.csdnimg.cn/018e81578c164a47bb4f1ce49ac41f61.png
https://img-blog.csdnimg.cn/aa62d68cb0fa4aa49596b8cba229647e.jpg
这里注意
https://img-blog.csdnimg.cn/098c46c1b31240f4aa223edac6f4b9f2.pnghttps://img-blog.csdnimg.cn/4df61039924647208985ebf887f12b21.png如今可以通过宝塔面板反馈的账号暗码，登录到宝塔面板了。
https://img-blog.csdnimg.cn/3c3e746616de476e8cb7ac18d61a3407.png
4.设置宝塔面板&新建数据库
进入到宝塔面板会让你绑定宝塔的账号，就用手机号注册就行了。
然后会保举安装插件，选左边系统保举的，一键安装就行。
刚才在阿里云设置了安全组（放行端口），宝塔面板也同样必要放行端口。
https://img-blog.csdnimg.cn/716e621aba6b49569388b5566c324575.png新建数据库：
https://img-blog.csdnimg.cn/f1989792dc30404f915da66b0459b978.png导入本地准备的sql文件。进行导入，导入乐成后，点击管理，用你的数据库账号登录管理器可以查看你的数据库信息。
https://img-blog.csdnimg.cn/f5c1f1c8dbe74bd29113b04873b0d035.png宝塔的设置临时到这里。
5.前端代码打包
打包前修改原来的启动端口：
sg-blog-vue：8093
sg-blog-admin：8094
https://img-blog.csdnimg.cn/062224c391c04bdcbe010e3e495da3e9.pnghttps://img-blog.csdnimg.cn/ff56b27c290449068c2ae37a6829e153.pngsg-blog-vue：
把target的指向改为本身宝塔左上角的ip地址+后端端口号
https://img-blog.csdnimg.cn/909bc84cce3d4e62ba6c145c082f2cc5.png此时sg-blog-vue修改完备：
在控制台（当前目录）输入：npm run biuld命令进行打包。生成dist文件
https://img-blog.csdnimg.cn/7e531bc5400a4629a102b45fea62b82e.png
sg-blog-admin：
同样将原来的localhost改为ip+后端端口号
https://img-blog.csdnimg.cn/fd11b29404f34df3bf6393193cf25bea.png注意：
页:
[1]