Ruoyi前后端分离项目部署至Tomcat上

  1. 项目部署

4.1.前端打包

disaster-ui目录下为本项目的前端所在位置,在命令行窗口进入该目录,然后输入npm run build:prod部署前端Vue项目,或者直接在++disaster-ui/bin++目录下双击build.bat文件部署前端。

图 4-1 前端部署图

4.2 环境变量

  • 在MySQL可视化软件中新建flowable数据库(以Navicat Premium):右击数据库运行->运行sql文件++(文件路径为++ ++/script/sql/mysql/flowable.sql++ ++)。++如果本机MySQL地址、用户名和密码不同需改ruoyi-admin/src/main/resources/application-prod.yml相应参数。

(a)数据库新建 (b)MySQL连接参数设置图

图 4-2-1 数据库新建与数据库连接参数设置图

  • 运行本机安装的redis:找到redis安装目录,双击redis-server.exe文件,运行redis。++如果本机++ ++Redis++ ++地址、端口、数据库所以以及用户名和密码不同需改++ ++ruoyi-admin/src/main/resources/application-prod.yml++ ++相应参数。++

图4-2-2 Redis连接参数设置图

4.3. 后端打包

在项目的++bin++ ++目录下++依次双击clean.bat和package.bat打包Web工程,生成war或jar包文件。然后在项目ruoyi-admin目录下生成target文件夹包含war或jar包。

图 4-3 后端部署图

4.4 前后端部署(以Tomcat服务器为例子)

  • 后端将target目录下(ruoyi-admin/target)的war包和disaster-ui的dist目录复制到tomcat安装目录的webapps目录下。

图4-4-1复制打包后文件致Tomcat的webapps目录下

  • 增加配置信息

在tomcat/config目录下的server.xml下增加图4-4-2(a)两行路径配置信息。在webapps/dist目录下新建文件夹WEB-INF,然后在该目录下新建文件web.xml,文件内容如图4-4-2(b)。

图 (a)新增路径配置信息 图 (b)新增配置信息防止网页刷新出现404

图4-4-2新增配置信息

相关推荐
尢词1 天前
SpringMVC
java·spring·java-ee·tomcat·maven
清风百草1 天前
【04】【Maven项目热部署】将Maven项目热部署到远程tomcat服务器上
tomcat·maven项目热部署
蒋桐城2 天前
Tomcat 启动卡住,日志显示 At least one JAR was scanned for TLDs yet contained no TLDs.
java·tomcat
qiaosaifei2 天前
SpringBoot项目中替换指定版本的tomcat
spring boot·后端·tomcat
雷神乐乐2 天前
IDEA构建JavaWeb项目,并通过Tomcat成功运行
服务器·tomcat·javaweb
陈大爷(有低保)2 天前
数据库连接池JNDI
数据库·mysql·tomcat
笔墨登场说说2 天前
JDK 里面的线程池和Tomcat线程池的区别
java·servlet·tomcat
爱分享的淘金达人3 天前
25国考照片处理器使用流程图解❗
java·考研·spring·eclipse·tomcat
爱分享的淘金达人3 天前
2025年山东省考报名流程图解
java·考研·spring·eclipse·tomcat·流程图
弓弧名家_玄真君3 天前
mac 安装tomcat
java·macos·tomcat