若依前后端分离部署到tomcat中详细教程（转）

本章教程，主要介绍一下，如何将若依前后端分离项目部署到tomcat中。

在阅读本教程前，希望你能够在本地能够将前后端分离项目跑起来，这里就不过多介绍了。

目录

一、后端打包步骤

（1）修改ruoyi-admin模块中的pom.xml

（2）排除springboot中内置的tomcat容器

（3）然后通过package打包

二、 前端打包步骤

（1）首先前端目录

（2）安装依赖 

 （3）执行打包命令

三、部署详情步骤

 (1)进入到dist目录中，新建文件夹WEB-INF，创建文件web.xml

(2)修改tomcat配置文件server.xml

 (3)启动tomcat

四、部署结果访问测试

---

一、后端打包步骤

（1）修改ruoyi-admin模块中的pom.xml

将<packaging>jar</packaging> 改为<packaging>war</packaging>

（2）排除springboot中内置的tomcat容器

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

 

         <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）然后通过package打包

打包完成之后会在ruoyi-admin目录下的target目录中生成一个rouyi-admin.war文件

部署的时候，后端只需要这一个即可，其它目录打出的包，可以不用管。

二、 前端打包步骤

（1）首先前端目录

# 进入项目目录
cd ruoyi-ui

（2）安装依赖 

# 强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org

 （3）执行打包命令

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

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

三、部署详情步骤

准备一个tomcat1.8版本的安装包。将刚才打包好的后端包（ruoyi-admin.war）和前端包（dist）拷贝到tomcat里面的webapps中。

 (1)进入到dist目录中，新建文件夹WEB-INF，创建文件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>

(2)修改tomcat配置文件server.xml

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

 (3)启动tomcat

在tomcat安装目录下的bin目录中找到startup.bat双击运行即可。

四、部署结果访问测试

访问地址：http://localhost:8080/  （如果需要改为其它端口可以在tomcat配置文件中进行修改）

经过访问测试，部署成功。如果本文对你有帮助，请点赞+关注+评论支持一下。