栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

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

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

目录
  • 1.springBoot部署到阿里云
    • 1.1 导出sprigBoot项目
    • 1.2 将jar文件上传至服务器
    • 1.3 部署后端文件
  • 2. Vue项目打包到服务器上
    • 2.1 导出vue项目
    • 2.2 将vue项目上传至服务器
    • 3. 部署前端文件

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 文件目录
  • 进入conf
  • 使用vim编辑 nginx.conf配置文件

    - 修改server

修改配置如下

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

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

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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/601060.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号