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新增配置信息

相关推荐
蓝染-惣右介4 小时前
【MyBatisPlus·最新教程】包含多个改造案例,常用注解、条件构造器、代码生成、静态工具、类型处理器、分页插件、自动填充字段
java·数据库·tomcat·mybatis
.Ayang5 小时前
tomcat 后台部署 war 包 getshell
java·计算机网络·安全·web安全·网络安全·tomcat·网络攻击模型
lwprain6 小时前
常用docker应用部署,wordpress、mysql、tomcat、nginx、redis
mysql·docker·tomcat
_半夏曲7 小时前
node.js、nginx、iis、tomcat针对部署方面的简述
nginx·node.js·tomcat
Cod_Next1 天前
Mac系统下配置 Tomcat 运行环境
java·macos·tomcat
爬山算法2 天前
Tomcat(23)如何配置Tomcat的连接器以优化性能?
java·tomcat
The One Neo3 天前
tomcat顶层元素之<server>
java·tomcat
ZWZhangYu6 天前
【MyBatis源码】SqlSession执行Mapper过程
java·tomcat·mybatis
adwish6 天前
javaWeb小白项目--学生宿舍管理系统
java·tomcat·javaweb
sun_star1chen6 天前
Springboot3.3.5 启动流程之 tomcat启动流程介绍
java·spring boot·tomcat·springboot