阿里云服务器部署SpringBoot+Vue项目(宝塔面板傻瓜式操作)

准备工作

1. 一台服务器(我用的是阿里云)
2. SpringBoot项目的jar包
3. Vue项目的dist包

一、购买服务器

然后重置实例密码。

• 远程连接

登陆成功后安装宝塔面板

二、安装宝塔面板(无账号的注册一个账号)

地址：https://www.bt.cn/new/download.html

选择对应的镜像、不知道自己镜像的就复制万能安装脚本

if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

远程连接成功之后复制进去，安装宝塔面板
![在这里插入图片描述](https://img-blog.csdnimg.cn/65ae6e54b64d4233ab393043b16c68a6.png

安装完成后，会给你宝塔面板的地址以及宝塔面板的账号和密码。
复制地址去宝塔面板登录。

注意：这里可能会出现宝塔面板无法访问的情况

解决办法：

配置后就可以进入宝塔面板

输入安装完成后给你的账号和密码登录

三、登陆成功后

安装你所需要的软件

安装完成后

1. 创建数据库
   修改root密码
   
   然后添加数据库
   
   密码自己填，如果提交后显示密码错误，就填你root密码。
   
   创建成功之后点击导入，然后从本地上传
   
   将你本地数据库的sql文件导入。
   导入完成后可以点击工具查看是否导入成功
   
2. 部署jar包。
   打开宝塔面板点击文件，在www/wwwroot目录下新建一个文件夹用来存放jar包
   
   把后端jar包和前端dist文件都上传到新建的文件夹中

去软件商店找的自己安装的java项目一键部署，点击设置
点击SpringBoot

点击添加项目
![在这里插入图片描述](https://img-blog.csdnimg.cn/ca74ef21610c4ca5a90d9d4d6743bff5.png

部署成功后：

这样就算是把后端部署完成了。

4. 部署前端
   首先添加站点
   
   

提交后设置

将前端的dist放到指定的文件下

然后将dist里面的所有文件放到此目录下，并删除dist文件夹

域名+端口号（ip+端口号访问项目）

---

需要注意的几个点：

1. 修改你的后端配置，尤其是配置文件中的端口号以及数据库地址、账号、密码要保持一致性。
2. 修改你前端的配置。
   将你前端中设置的请求地址：http://127.0.0.1:8004/改成你的云服务器ip+端口
3. 若前端端口被占用，可修改前端的端口。
   

解决刷新页面出现404问题

解决办法：在配置文件中添加一行代码：

    try_files $uri $uri/ /index.html;