通过宝塔面板部署一个SpringBoot+Vue前后端分离项目的指南(三更)
发布时间:2024-02-11点击次数:

采取的部署方案

阿里云服务器->FinalShell->宝塔面板。
近期需要将自己的一个SpringBoot+Vue前后端分离项目,并且是分模块开发的项目部署到服务器上,记录一下踩坑的地方,结合C站大佬的解决方案,循循善诱一步步部署到服务器上,简单,快速!

一、实现思路

  1. 购买服务器,阿里云,腾讯云,华为云等,24周岁以下通过实名认证有优惠补贴,或者搜索试用,可以试用1个月。我这里采取的是阿里云服务器。
  2. 通过FinalShell工具,安装宝塔面板,安装成功后,会响应一个面板地址和用户名密码信息。
  3. 通过FinalShell响应的外网面板地址,登录宝塔面板。
  4. 在宝塔面板新建一个数据库,记住数据库名和账户密码。
  5. 将前端项目npm run biuld打包成dist文件。
  6. 将后端项目通过maven打jar包。(注意:后端项目在打包前,需要在对应的application文件中修改数据库信息,这里的数据库不是本地的localhost了,是刚刚在宝塔上创建的数据库信息
  7. 将前后端项目上传到宝塔面板。
  8. 进入终端,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+后端端口号
注意:


TEL:402-135-4540    FAX:+86-163-4235    EMAIL:56foto.com

版权所有:Copyright © 2010-2024 bg视讯·(中国)官方网站 版权所有网站地图     公司地址:河北省石家庄市  吉ICP备06001715号

友情链接: