[ RuoYi ] 若依前后端分离 RuoYi-Vue 项目 war 包 Tomcat 项目部署

这篇具有很好参考价值的文章主要介绍了[ RuoYi ] 若依前后端分离 RuoYi-Vue 项目 war 包 Tomcat 项目部署。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.Tomcat下载

Apache Tomcat® - Apache Tomcat 9 Software Downloadshttps://tomcat.apache.org/download-90.cgi

Tomcat的主要特点和功能包括:
①Servlet和JSP容器:Tomcat作为一个Web服务器,可以解释执行Java Servlet和JSP代码,处理HTTP请求和响应,生成动态的Web页面。
②独立性和易用性:Tomcat是一个独立的服务器,可以独立运行,也可以与其他HTTP服务器(如Apache HTTP Server)结合使用。它提供了一个简单易用的管理界面,方便配置和管理Web应用。
③轻量级和高性能:Tomcat设计精简,占用资源较少,启动和部署速度快。它具有良好的并发处理能力和高吞吐量,适用于处理大量请求的场景。
④安全性:Tomcat提供了多种安全机制,包括基于角色的访问控制、SSL/TLS加密、身份验证和授权等,以保护Web应用的安全性。
⑤扩展性:Tomcat支持使用插件扩展其功能,例如添加额外的连接器、使用自定义的认证机制、添加额外的数据源等。
⑥连接器和协议支持:Tomcat支持多种连接器和协议,包括HTTP、HTTPS、AJP(Apache JServ Protocol)等,可以与不同的前端服务器和后端应用程序进行集成。
Tomcat 的文件夹目录结构如下:
①bin 目录:包含了 Tomcat 的可执行文件,如启动和关闭脚本。
②conf 目录:包含了 Tomcat 的配置文件,如服务器配置、Web 应用配置、日志配置等。重要的文件包括 server.xml(服务器配置)、web.xml(Web 应用配置)等。
③lib 目录:包含了 Tomcat 运行所需的 Java 类库文件(JAR 文件),以及一些扩展的类库。其中,catalina.jar 是 Tomcat 的核心类库。
④logs 目录:包含了 Tomcat 的日志文件,如访问日志、错误日志等。
⑤webapps 目录:是存放 Web 应用的位置。当将一个 Web 应用部署到 Tomcat 时,通常会将该应用的 WAR 文件放置到这个目录下,Tomcat 会自动将其解压并部署。
⑥work 目录:是 Tomcat 的工作目录,用于存放临时文件和编译后的 Servlet 类文件。
⑦temp 目录:是 Tomcat 的临时文件目录,用于存放临时生成的文件。
⑧conf/Catalina 目录:包含了特定的 Web 应用配置文件。在这个目录下,每个部署在 Tomcat 上的 Web 应用都有一个对应的子目录,目录名为该应用的主机名。
⑨conf/Catalina/localhost 目录:用于存放针对特定 Web 应用的上下文配置文件(如 context.xml)。每个部署在 Tomcat 上的 Web 应用都有一个对应的 XML 文件。

1.1本例选择了Tomcat 9 下载安装

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

1.2解压后启动出现闪退,估计是JAVA_HOME没有配置好,如下JAVA_HOME环境变量设置:

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 2.RuoYi前后端分离版git下载

RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本https://gitee.com/y_project/RuoYi-Vue.git

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 3.前端Vue项目处理

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 3.1运行命令:npm install 

 3.2运行命令:npm run dev,项目能够正常运行,不报错

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 3.2并且自动弹出前端登录叶面,报系统接口500异常

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 3.4文件'.env.production'做如下处理

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 3.5文件'vue.config.js'做如下设置:设置前端端口,后端IP及端口,访问路径

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

3.6ruter文件夹内的'index.js'文件,访问路径

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 4.前端打包:运行命令npm run build:prod

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 4.1根目录下生成文件'app'

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 4.2以上app文件整体移入'tomcat'内的'webapps'文件内

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

4.3app文件内补充配置:新建文件夹'WEB-INF',此文件夹内增加文件'web.xml'

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
        http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
        version="3.1" metadata-complete="true">
     <display-name>Router for Tomcat</display-name>
     <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>

 5.后端处理

5.1'ruoyi-admin'模块内修改'application.yml'配置文件:可修改文件上传路径,对应前端访问的端口号

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

5.2 'ruoyi-admin'模块内修改'application-druid.yml'配置文件:修改数据库连接参数

5.3 整体项目的pom.xml文件配置修改:将jar修改为war,进行war包打包

 5.4web容器部署启动类保证存在

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 6.后端打包:ruoyi(root)下的package 进行打包

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 7.找到war包准备迁移

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 迁移至'Tomcat'的'webapps'内

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

8.启动项目

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

 启动效果:

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java

ruoyi tomcat,Tomcat,Java,Vue,tomcat,java文章来源地址https://www.toymoban.com/news/detail-727876.html

 自此若依框架的前后端分离项目打war包,在Tomcat部署完成!

到了这里,关于[ RuoYi ] 若依前后端分离 RuoYi-Vue 项目 war 包 Tomcat 项目部署的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【后台部署】Windows服务器部署RuoYi-Vue前后端分离项目

    一、Ruoyi-Vue前后端分离项目结构 二、Redis部署 1、下载Windows版本Redis 2、解压缩到安装目录 3、在安装目录栏输入cmd,按回车键 4、将Redis绑定为 Windows 服务,设置为后台启动 或者 5、常用命令 启动服务 停止服务 卸载命令 6、停止和启动也可以通过页面来操作 右键 此电脑 --管

    2024年02月13日
    浏览(49)
  • 若依框架ruoyi-vue(前后端版)字典的使用

    显示效果:  状态实际 值为 1,讲师审核中为我们在字典管理中定义的。 步骤:先在ruoyi的字典管理中定义字典 字典管理中  然后根据字典设置自己需要的值 设置完值后,然后是前端表格的数据回显 这里先打开我们的前端vue工程,我们需要回显页面对应的vue文件中 在expor

    2024年02月11日
    浏览(49)
  • 若依(RuoYi-Vue)+Flowable工作流前后端整合教程

    此教程适合若依前后端分离项目,其他项目可以在扩展列表中进行查找。 近期公司里需要对很久以前的RuoYi-Vue前后端分离项目扩展出flowable的功能,当然这个重任也是落在了我的身上(不然也不会有这篇文章),然后我在官网看到了RuoYi-Vue-Flowable这个项目,按照文档提供的迁

    2023年04月21日
    浏览(58)
  • ruoyi-vue前后端分离框架上传图片不显示问题,nginx解决方案

    使用若依前后端分离框架,前端项目打包在Nginx,上传图片时,图片上传成功,但是在列表页和添加/修改页面没有正常显示。 插入成功后数据库保存数据样式: 回显数据时样式: 此时样式是打不开的,无法找到路径 解决办法:nginx.conf在location中添加alias location /prod-api/profil

    2024年02月02日
    浏览(48)
  • 开源项目学习:若依RuoYi-Vue后台管理系统【环境搭建】

    第一章 环境搭建 第二章 项目运行 第三章 阅读源码:例子-新增用户接口 第四章 基于ruoyi-vue开发新项目 本文尽量贴近零基础入门,献给初入门的学弟学妹们! 文章基本流程:环境配置→运行项目→阅读源码 安装环境时最好修改安装路径! Java开发必备! JDK下载:http://www

    2023年04月19日
    浏览(55)
  • RuoYi-Vue前后端分离搭建MQTT服务器实现消息订阅、发布、数据存储 (EMQX Windows10)最全,懒人操作

    1、在RuoYi-Vue项目的superVisualizationSys-common模块下的pom.xml加入jar包依赖 3、在superVisualizationSys-commonsrcmainjavacomsuperVisualizationcommonutils目录下新建mqtt文件夹,添加以下三个文件 注:项目报红的地方可以按Alt+Enter键导包 下载路径: https://www.emqx.io/zh/download   1. 在windows上安装

    2024年02月15日
    浏览(53)
  • 若依Ruoyi-Vue生成代码使用

    目录 一、效果一览: 二、详细步骤: ①登录若依----点击系统工具--点击代码生成模块 ②使用Navicat在若依数据库里面新建一张表单,我这示例创建了my_students表单 并为表设计字段添加数据  ③在代码生成栏导入刚才创建的my_students表 并编辑这张表  ④完成这些操作之后,点

    2024年02月05日
    浏览(48)
  • 若依/RuoYi-Vue,若依管理系统-启动步骤

    若依RuoYi-Vue前后端项目启动流程_若依前端怎么启动_primary taste_mm的博客-CSDN博客 若依官网:RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依

    2023年04月25日
    浏览(58)
  • 若依(Ruoyi)前后端分离版项目部署到服务器(Linux环境)后,刷新页面报错:404 Not Found

    原文章: 若依(ruoyi)前后端分离版使用教程之若依后端部署阿里云服务器步骤(超详细)_蓝多多的小仓库的博客-CSDN博客 问题:         在若依项目部署服务器后,可以正常运行,但如果执行刷新页面操作,便会出现404 Not Found。 原因:         Nginx未正确配置。由

    2024年02月17日
    浏览(57)
  • ruoyi若依前后端分离项目部署到服务器后,PUT DELETE请求403错误,GET POST请求正常

    后端打包方式war,部署到tomcat8, PUT DELETE请求报403错误,网上有三种说法 第一种是跨域请求问题 第二种是服务器没有放开了PUT DELETE请求,需要前端添加header ruoyi vue 自动生成代码PUT DELETE为http不安全方法,这个怎么解决安全问题 · Issue #I43AX6 · 若依/RuoYi-Vue - Gitee.com 用域名访问

    2024年01月17日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包