阿里云 部署SpringBoot和Vue项目 亲测可用(第一次部署经验贴)

阿里云 部署SpringBoot和Vue项目 亲测可用!第一次部署经验贴!

前言:与伙伴一起写了一个项目,但是由于老师要我们部署到服务器上,而我从未有部署过,查看了csdn很多博客,试了好多篇,才成功的!!亲测!!有用!!个人感觉自己写得还算有点详细!!

一、安装并粗略学习xftp&xshell两个软件

  • Xftp是一个软件应用程序,可以帮助您通过网络传输文件。
  • Xshell是Windows下一款功能非常强大的安全终端模拟软件,支持Telnet、Rlogin、SSH、SFTP、Serial 等协议,可以非常方便的对linux主机进行远程管理。

二、部署SpringBoot项目到服务器上

  • 我直接跟着下面这个参考资料链接一步步跟着做!可以成功!
  • 注意:到下面参考资料文章的第四大点的第三小点的时候不用安装screen(我安装screen的时候安装失败,所有没有搞screen),可以直接进入/www/javaweb目录下(/www/javaweb路径是你存放jar包的路径)执行命令 java -jar demo-login.jar(demo-login.jar是你的jar的名字)
进入/www/javaweb目录下 linux语句
cd /www/javaweb

参考资料:宝塔面板将SpringBoot项目部署到阿里云服务器

举个例子(怕有人没有get到我的意思):

我的jar包存放在/www/wwwroot/demo目录下
在这里插入图片描述
所以我要执行此jar包我的命令语句为:
在这里插入图片描述

三、在Linux安装nginx

有看第二大点的同学可以省略去此步骤!!(因为本人在部署SpringBoot的时候宝塔面板只安装mysql与tomcat,所以在部署vue之前需要在宝塔面板中安装nginx)

四、部署Vue项目到服务器上

在这里踩雷好久!!看了这个资料的vue部署!!

参考资料: vue项目部署到阿里云服务器上

  • (以后有机会部署第二次,必出教程)

踩雷总结:

  1. 在部署的时候,忘记开了阿里云的安全组,还有宝塔面板中防火墙没有放行,导致端口无法访问!!大家记得一定要在阿里云安全组中开你要的端口号!!也要在宝塔面板中放行你要的端口号!!
  2. vue打包有很多,有的项目是npm run build,有的不是,详细还是要看你的script!
  3. 因为打成jar包,但是要上传图片不知道放在什么路径!!后面询问了一个同学,最终解决了!详细看

参考文章:使用nginx解决springboot项目打成jar包部署到服务器后上传图片存放的问题(亲测有用)

  1. 因为本项目中邮箱发送的问题,在本机可以邮箱发送!!但是项目部署到服务器上就不可以发送了,出问题了!!详细看!!

参考文章:解决springboot项目部署到阿里云服务器邮箱无法发送邮件而本地可以问题(亲测有用)

  1. 因为本项目中SpringBoot与Vue不在同个端口,涉及跨域问题!!详细看!!

参考文章:解决SpringBoot与vue项目部署到服务器的跨域问题(亲测有效)

小菜鸡第一次部署的感受:

  • 2022年03月09日,接到通知,老师说想看部署到服务器的项目,第一次购买了人生第一个服务器!!买了一个阿里云新人99元一年!!当时觉得部署到服务器是一件很难的事情!!还是比较害怕的!!也不懂什么linux语句,还有部署到服务器究竟是一件事都不清楚!最终在那个晚上把SpringBoot部署上去了!!
  • 2022年03月10日,开始部署nginx,但是当时一直没有开阿里云安全组的端口号,所以一直以为没有安装成功,所以重新安装到卸载到重新安装反反复复好几次!!从一早上试到下午三四点,最终在那个下午成功安装成功!!也成功将vue部署到服务器上!!(好多人说女程序员会细心,但是我发现我没有这种特质哈哈哈哈哈哈哈!)好了,以为差不多完事了,但是!!又有问题!!打成jar包后,上传的照片不知道存放在哪里!结果一直在springboot里面改了很多东西,最终不知为什么可以上传了,但是项目的样式却变了!唉好累!那天,问了一个大佬,有了思路,使用nginx映射路径!!
  • 2022年03月11日,学了nginx映射路径,最终问题解决了,太感谢那个给我指导的人了!(那天好快乐,还玩了剧本杀,最终还是没有推出凶手)
  • 2022年03月12日,那天早上发现本地邮箱可以发送验证码,但是上传到服务器又不行!还是轻松解决啦!不过发现服务器上的项目怎么感觉比本地项目有放大效果,样式本来在本地还好好的,但是在服务器还丑不拉几!累了,改了一点不改啦!好啦,现在坐在图书馆码了好久的字记录第一次部署服务器的经验贴!!结束啦!!
    在这里插入图片描述
  • 5
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在Linux系统上打包和部署springboot+vue项目的步骤如下: 1. 首先,你需要拉取git仓库的代码。复制git仓库的地址,并在Linux系统中使用命令拉取代码。\[1\] 2. 接下来,你需要打包Java项目。进入项目的目录,执行打包命令,生成一个jar包。你可以使用命令`java -jar springboot-affair-0.0.1-SNAPSHOT.jar`来运行打包好的Java项目。\[3\] 3. 然后,你需要部署前端vue项目。同样进入项目的目录,执行打包命令,生成前端的静态文件。将生成的静态文件部署到Nginx服务器上。 4. 在部署之前,确保Nginx、MySQL、Redis和MinIO已经启动。你可以使用相应的命令来启动这些服务。 5. 最后,访问你的项目。通过浏览器访问Nginx服务器的地址,即可查看部署好的springboot+vue项目。 总结起来,你需要拉取代码,打包Java项目部署前端项目,启动Nginx、MySQL、Redis和MinIO,然后访问项目即可。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *3* [Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio](https://blog.csdn.net/weixin_56039103/article/details/126173205)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [使用docker部署springboot+vue项目](https://blog.csdn.net/Ruhoney908/article/details/131024801)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值