超详细SpringBoot+vue项目部署到阿里云服务器上

1.springBoot部署到阿里云

1.1 导出sprigBoot项目

打开idel 在控制台输入:

mvn install -Dmaven.test.skip=true

导出项目
出现这个就是打包成功
在这里插入图片描述
你会在target目录看到打包好的jar包
在这里插入图片描述
没有target目录记得检查是否在设置里开启Show EXclude Files 选项
在这里插入图片描述

1.2 将jar文件上传至服务器

打开XFTP 连接服务器

XFTP下载可以参考:
下载XTTP博文.

查看jar包
在这里插入图片描述
将jar包拖入创建好的文件夹,等待上传
在这里插入图片描述
这样就是上传成功
在这里插入图片描述
将文件打包到服务器上
使用Xshell连接服务器 进入我们刚刚打包jar的目录
在这里插入图片描述
创建application.properties文件
在这里插入图片描述

  • 打开idel
  • 复制idel中的application.properties文件
  • 粘贴到刚刚创建的application.properties文件
  • 保存
    在这里插入图片描述

1.3 部署后端文件

  • 查看java进程
ps -ef | grep 'java'
  • 结束其他进程
kill -9 -结束进程名字

在这里插入图片描述

  • 使用守护进程运行项目
nohup java -jar -Dspring.config.location=./application.properties online_xdclass-0.0.1-
SNAPSHOT.jar &
  • 查看是否运行成功
tail -f nohup.out

在这里插入图片描述

  • 测试是否连接成功
curl 阿里云ip+端口/目录

在这里插入图片描述

注意:要去阿里云开放你项目需要的端口!
在这里插入图片描述
到这里我们的springBoot项目就已经部署好了

2. Vue项目打包到服务器上

2.1 导出vue项目

注意:在打包之前请先修改request.js文件
在这里插入图片描述
打开终端控制台
输入:

cnpm run build

如图:
在这里插入图片描述
dist为打包好的项目
在这里插入图片描述

2.2 将vue项目上传至服务器

在这里插入图片描述

3. 部署前端

修改nginx配置文件
如果没有下载nginx,可以参考: liunx系统下载与配置nginx.

  • 先进入nginx 文件目录
  • 进入conf
  • 使用vim编辑 nginx.conf配置文件
    在这里插入图片描述
    - 修改server

修改配置如下
在这里插入图片描述

  • 进入/sbin目录
  • 重启nginx 服务
./nginx -s reload

在这里插入图片描述

到这里我们前后端都已经部署成功了

写作不易,点个赞在走呗~~

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Liu_669

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值