SpringBoot前后端分离项目，打包、部署到服务器详细图文流程_springboot前后端分离项目怎么部署_spring boot 前后端分离 部署

重新设置日志字符集（防止放到服务器上去之后日志出现乱码）

二、将源码压缩并上传服务器

1.上传前端文件

• 提前在本地将完整的源码文件，压缩成.zip格式
• 在服务器上创建存放项目源码的文件夹（/workspace）
• 通过xftp工具将打包好的前端项目源码上传到服务器对应文件夹下
• 使用命令unzip ruoyi-ui.zip来解压项目源码
• 使用命令rm -rf ruoyi-ui.zip删除原来的压缩文件
• 使用命令cd ruoyi-ui/进入源码文件夹

2.上传后端文件（同上）

三、前端项目打包

1.安装依赖

• 使用命令cd ruoyi-ui/进入源码文件夹
• npm install --unsafe-perm --registry=https://registry.npm.taobao.org安装前端项目依赖（服务器必须安装node.js）
• --unsafe-perm 防止权限问题
• --registry=https://registry.npm.taobao.org 淘宝镜像源，国内速度更快

2.项目打包

• 使用命令npm run build:prod
• 打包完成后会生成一个dist目录（默认目录名为dist）
  

四、后端项目打包

1.项目打包（jar包）

• 使用命令mvn package（需要服务器安装maven环境）
• 使用命令cd target/进入到目录就能看到打好的jar包（这里的jar包是ruoyi.jar）
• 将jar包拷贝到上级目录，防止target目录清理导致jar包丢失

2.项目打包（war包）

• 修改pom文件
  
• 排除掉自带的Tomcat，这样才能部署到外置的tomcat
  
• 新增一个启动类，指向原有的启动类
  
• 将修改后的两个文件上传到服务器（上传对应文件并替换即可）
• 使用命令mvn clean清理目录
• 使用命令mvn package打war包
• 使用命令cd target在这个目录就找到了war包

五、部署前端项目

1.使用Nginx部署前端项目

• 使用命令cd /usr/local/nginx/进入到nginx的目录
  
• 修改Nginx的配置文件（修改conf文件夹下的nginx.conf文件）
• 将location位置的root后面跟的路径修改为前端项目打包后的文件地址
  
• 防止出现权限相关的问题，将文件开头的user修改为root
  
• 使用命令cd sbin/进入到对应目录
• 使用命令./nginx启动nginx
• 此时就可以在浏览器输入对应的ip地址访问前端了

六、部署后端项目

1.部署jar包方式

• 在对应目录下使用命令nohup java -jar ruoyi.jar &后台运行后端项目
• 此时的前端项目可能会依然报错404，这是因为前端和后端的地址没有关联起来
• 重新在nginx.conf文件中配置代理
  
• 进入到nginx目录下重新加载一下nginx/usr/local/nginx/sbin/nginx -s reload
• 此时重新访问前端项目，已经不会报错了
• 恭喜你项目部署完成！

2.部署war包方式

• ps -aux | grep java查看当前java进程
• kill -9 进程号关掉进程
• 定位到tomcat的文件夹下cd /usr/local/tomcat/
• 将刚才打包好的war包放到webapps这个目录下
• cd webapps/后执行命令cp /root/workspace/ruoyi/ruoyi.war ./将war包拷贝到当前目录下
• 启动tomcatservice tomcat start
• 此时会有一个问题，直接访问ip打开的是tomcat的主页，需要在原有的地址后加上/ruoyi才能访问到后端
• 解决这个问题需要修改tomcat的配置，定位到tomcat文件夹下的conf目录中，找到server.xml
• 新增一条配置信息，将原来的访问方式改为根目录访问
  
• 将tomcat停掉service tomcat stop 再重新启动service tomcat start

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Linux运维工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Linux运维全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Linux运维知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip1024b （备注Linux运维获取）

最后的话

最近很多小伙伴找我要Linux学习资料，于是我翻箱倒柜，整理了一些优质资源，涵盖视频、电子书、PPT等共享给大家！

资料预览

给大家整理的视频资料：

给大家整理的电子书资料：

如果本文对你有帮助，欢迎点赞、收藏、转发给朋友，让我有持续创作的动力！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

持续创作的动力！**

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-Fy60u58Z-1712717306561)]