SpringBoot前后端分离项目,打包、部署到服务器详细图文流程

本文涉及的产品
Redis 开源版,标准版 2GB
推荐场景:
搭建游戏排行榜
云数据库 Tair(兼容Redis),内存型 2GB
日志服务 SLS,月写入数据量 50GB 1个月
简介: SpringBoot前后端分离项目,打包、部署到服务器详细图文流程

文章目录

实施步骤

一、修改配置文件地址

1.修改MySQL配置

修改MySQL地址,修改需要部署的数据名,账号和密码


ca7b4fb314d24d93a458bf9728616e23.png

2.修改Redis配置

修改Redis地址,修改需要部署的Redis密码(如果需要的话)


82985bb202aa4e66a860f8ab72372329.png

3.修改日志路径和字符集配置

修改logback.xml中日志的保存地址

f071fa929c62435fa26d3aa60c33071e.png


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


6bd411cc2c8a42a092fa029b364b70ac.png

7d976089ac7f43fd8519d1ac73facf1e.png

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

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)

98ba568175d5481c9a120ce7af9fc042.png

四、后端项目打包

1.项目打包(jar包)

使用命令mvn package(需要服务器安装maven环境)

使用命令cd target/进入到目录就能看到打好的jar包(这里的jar包是ruoyi.jar)

将jar包拷贝到上级目录,防止target目录清理导致jar包丢失

2.项目打包(war包)

修改pom文件

eb8b5cd9a0f9487abafc7ad5c87923d3.png


排除掉自带的Tomcat,这样才能部署到外置的tomcat

7bba5a09e9774a4c8528419df2ebda80.png


新增一个启动类,指向原有的启动类


051cf4547d7e448888eaf913ed701ddb.png

将修改后的两个文件上传到服务器(上传对应文件并替换即可)


使用命令mvn clean清理目录


使用命令mvn package打war包


使用命令cd target在这个目录就找到了war包


五、部署前端项目

1.使用Nginx部署前端项目

使用命令cd /usr/local/nginx/进入到nginx的目录

49ff4e4d389948a293d0e30451cd06af.png


修改Nginx的配置文件(修改conf文件夹下的nginx.conf文件)


将location位置的root后面跟的路径修改为前端项目打包后的文件地址


61b554078227498ebc1c096f881ddca9.png

防止出现权限相关的问题,将文件开头的user修改为root


e4721272b6d44dd3b07765cc219e5ef9.png

使用命令cd sbin/进入到对应目录


使用命令./nginx启动nginx


此时就可以在浏览器输入对应的ip地址访问前端了


六、部署后端项目

1.部署jar包方式

在对应目录下使用命令nohup java -jar ruoyi.jar &后台运行后端项目


此时的前端项目可能会依然报错404,这是因为前端和后端的地址没有关联起来


重新在nginx.conf文件中配置代理

e17ff2826b38448895f4b3da4f4f8838.png


进入到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

新增一条配置信息,将原来的访问方式改为根目录访问

3d2d65683be34e0293292f53f9be6a1d.png

将tomcat停掉service tomcat stop 再重新启动service tomcat start

3.配置集群

修改nginx.conf文件

c14f065bd91f48fc988cc86291f75ea0.png


修改代理转发配置为上面修改的upstream


9513eff7821740ed8ae6d2b38ff5fbeb.png

重启一下nginx/usr/local/nginx/sbin/nginx -s reload


实时监测一下日志,看现在访问的是哪个后端tail -f 日志文件名


部署注意事项

前端页面非首页部分刷新的时候,页面404问题

修改nginx配置文件,将以下代码放入nginx中

location / {
    ……
    try_files $uri $uri/ /index.html; ---解决页面刷新404问题
}

参考文章:https://www.jb51.net/article/261803.htm


部署后端项目启动失败

查看是不是后端项目的端口号被占用了

netstat -anp | grep 端口号


节省服务器空间

前端和后端的项目打包都可以在本地完成,上传服务器可以最小化上传jar包和dist文件夹,这种方式最节省服务器空间资源


后端项目只保留jar包即可

前端项目只保留dist文件夹即可


相关实践学习
基于Redis实现在线游戏积分排行榜
本场景将介绍如何基于Redis数据库实现在线游戏中的游戏玩家积分排行榜功能。
目录
相关文章
|
2月前
|
存储 测试技术 数据安全/隐私保护
【Docker项目实战】使用Docker部署dufs文件服务器
【Docker项目实战】使用Docker部署dufs文件服务器
342 17
【Docker项目实战】使用Docker部署dufs文件服务器
|
2月前
|
Java Linux 网络安全
Linux云端服务器上部署Spring Boot应用的教程。
此流程涉及Linux命令行操作、系统服务管理及网络安全知识,需要管理员权限以进行配置和服务管理。务必在一个测试环境中验证所有步骤,确保一切配置正确无误后,再将应用部署到生产环境中。也可以使用如Ansible、Chef等配置管理工具来自动化部署过程,提升效率和可靠性。
226 13
|
3月前
|
Ubuntu 安全 数据安全/隐私保护
在Docker容器中部署GitLab服务器的步骤(面向Ubuntu 16.04)
现在,你已经成功地在Docker上部署了GitLab。这就是我们在星际中的壮举,轻松如同土豆一样简单!星际旅行结束,靠岸,打开舱门,迎接全新的代码时代。Prepare to code, astronaut!
309 12
|
2月前
|
弹性计算 运维 Linux
3分钟幻兽帕鲁游戏链接服务器一键部署教程,基于阿里云服务器
本教程介绍如何使用阿里云服务器快速部署《幻兽帕鲁》联机服务,支持与好友联机游戏。内容包括服务器配置、计费说明、服务创建及登录游戏步骤,同时提供存档管理与配置修改方法,助您轻松搭建专属游戏服务器。
|
4月前
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
350 1
|
5月前
|
前端开发 Java 关系型数据库
基于Java+Springboot+Vue开发的鲜花商城管理系统源码+运行
基于Java+Springboot+Vue开发的鲜花商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的鲜花商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。技术学习共同进步
365 7
|
4月前
|
供应链 JavaScript BI
ERP系统源码,基于SpringBoot+Vue+ElementUI+UniAPP开发
这是一款专为小微企业打造的 SaaS ERP 管理系统,基于 SpringBoot+Vue+ElementUI+UniAPP 技术栈开发,帮助企业轻松上云。系统覆盖进销存、采购、销售、生产、财务、品质、OA 办公及 CRM 等核心功能,业务流程清晰且操作简便。支持二次开发与商用,提供自定义界面、审批流配置及灵活报表设计,助力企业高效管理与数字化转型。
376 2
ERP系统源码,基于SpringBoot+Vue+ElementUI+UniAPP开发
|
8月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue实现的留守儿童爱心网站设计与实现(计算机毕设项目实战+源码+文档)
博主是一位全网粉丝超过100万的CSDN特邀作者、博客专家,专注于Java、Python、PHP等技术领域。提供SpringBoot、Vue、HTML、Uniapp、PHP、Python、NodeJS、爬虫、数据可视化等技术服务,涵盖免费选题、功能设计、开题报告、论文辅导、答辩PPT等。系统采用SpringBoot后端框架和Vue前端框架,确保高效开发与良好用户体验。所有代码由博主亲自开发,并提供全程录音录屏讲解服务,保障学习效果。欢迎点赞、收藏、关注、评论,获取更多精品案例源码。
|
8月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue实现的家政服务管理平台设计与实现(计算机毕设项目实战+源码+文档)
面向大学生毕业选题、开题、任务书、程序设计开发、论文辅导提供一站式服务。主要服务:程序设计开发、代码修改、成品部署、支持定制、论文辅导,助力毕设!
|
8月前
|
JavaScript 搜索推荐 Java
基于SpringBoot+Vue实现的家乡特色推荐系统设计与实现(源码+文档+部署)
面向大学生毕业选题、开题、任务书、程序设计开发、论文辅导提供一站式服务。主要服务:程序设计开发、代码修改、成品部署、支持定制、论文辅导,助力毕设!

热门文章

最新文章