手把手教如何将若依前后端分离项目在Tomcat下部署教程

如果你想在Tomcat单独部署诺依项目，前提你要配置好诺依相关的环境，比如安装jdk,mysql,redis,maven等环境,并且开发工具能够正常把项目跑起来，部署可自行去诺依官网查看相关教程。

接下来将详细讲解诺依项目部署在Tomcat下运行相关操作：

 后端部署

 1.打开开发工具，修改配置与打war步骤

1.1 打开 ruoyi-admin 模块的 pom.xml 文件，确保打包方式为 war，packaging修改为war

如图：

 

2.查看springboot中内置的tomcat容器

相关文件位置:ruoyi-framework模块下的pom.xml

如图：

完整的配置内容：

           <!-- SpringBoot Web容器 -->
      <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
             <!-- 移除嵌入式tomcat插件 -->
             <exclusions>
                 <exclusion>
                     <groupId>org.springframework.boot</groupId>
                     <artifactId>spring-boot-starter-tomcat</artifactId>
                 </exclusion>
             </exclusions>
        </dependency>    

3.在工具通过Maven里面打成war包

在ruoyi目录下执行package.bat打包Web工程，生成war/jar包文件。

打包成功后然后会在项目下生成target文件夹包含war或jar，

war路径：ruoyi-admin目录下的target目录下有rouyi-admin.war文件

如何打包：

在工具右上角有个maven菜单，点击即可，然后打包成功的话，包会目录里面，如下：

1. 7点击ruoyi,展开 Lifecycle，双击 package，等待打包完成。如图1

2. 打包完成后，生成的WAR文件位于 ruoyi-admin/target/ruoyi-admin.war。如图2

                             

到这里后端打包基本大功告成， 有可能到你在Tomcat部署诺依项目的时候会碰到类似情况。

也可以在后端打包前可以检测一下Tomcat端口号和诺依项目端口号是否有冲突，检测无误之后，再次打包即可。

 1.端口冲突

如果Tomcat默认端口（8080）被占用，可以修改 ruoyi-admin 模块的 application.yml 文件：

诺依项目里面配置也是8080.可以把诺依配置项目端口号改为8081

 #开发环境配置
server:
  # 服务器的HTTP端口，默认为8080
  port: 8081
2.登录问题

有可能登录会报验证码错误问题，大概是没启动Redis服务，如果碰到相关报错，检测一下Redis是否开启。

• 检查Redis连接：确保Tomcat服务器能够正常连接到Redis，并且没有网络问题或权限问题。

 
前端部署
输入打包命令之后，等待十来秒即可。

# 打包正式环境
npm run build:prod

 

前端打包完成会在当前目录中生成一个dist目录。 

 

到这里前后端打包基本大功告成了，接下来去Tomcat部署。

 

Tomcat部署：

1.把刚才打包好的后端包【ruoyi-admin.war】、前端包【dist】复制到tomcat里面的webapps中。

 2.增加web.xml文件

     2.1进入到dist目录中，新建文件夹WEB-INF，在此文件夹中新建 web.xml 文件。

web.xml 文件内容

<?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>/</display-name>
     <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>

 

3.修改tomcat里面的配置文件conf/server.xml，增加配置

<Context docBase="dist" path="" reloadable="false"/>
<Context docBase="ruoyi-admin" path="/prod-api" reloadable="false"/>

 

到这里Tomcat配置已经完成。

 

启动tomact、测试 

在Tomcat目录下bin/下启动，startup.bat双击运行即可

访问地址：http://localhost:8080/login

部署成功，项目正常启动运行。

大致部署就这样，大家项目环境大差不差，如果碰到报错问题，可自行查阅相关环境配置即可。

如果您想诺依前后端分离版项目在应用服务器单独运行的话，可以刚才打包好的前后端包复制进去应用服务器Tomcat上，复制到webapps中 。Tomcat配置按上面说的重新修改即可【修改tomcat里面的配置文件conf/server.xml，增加配置】。

1.在应用服务器上搭建相关环境即可

1.1 JDK >= 1.8 (推荐1.8版本)

1.2  Mysql >= 5.7.0 (推荐5.7版本)

1.3  Maven >= 3.0

1.4 Redis版本：3.x 或更高版本 ；用于存储验证码、会话缓存等。

1.5 Tomcat：8.5 或更高版本