本章教程，主要介绍一下，如何将若依前后端分离项目部署到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

将jar 改为war

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

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

 

         
            org.springframework.boot
            spring-boot-starter-web
             
             
                 
                     org.springframework.boot
                     spring-boot-starter-tomcat
                 
             
        

（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

     /
     
        404
        /index.html
    

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

 (3)启动tomcat

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

四、部署结果访问测试

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

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