若依(前后端分离版),部署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配置文件中进行修改)

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前后端分离是现代 web 应用程序的流行趋势,它将应用程序的前端和后端分成两个独立的部分,并使用 API 进行通信。前端通常是使用 JavaScript 和 HTML 开发的,而后端可以是任何类型的服务器端代码,例如基于 Java 的应用程序。对于 Java 应用程序,使用 Tomcat 作为 Web 服务器是常见的做法。在前后端分离的情况下,Tomcat 的同步部署 dist 和 WAR 包是非常重要的。 在前后端分离的应用前端开发人员创建了一个 dist 目录,其包含网站的 JavaScript 和 HTML 文件。这个目录需要部署Tomcat 服务器上。在同步部署时,前端开发人员将 dist 目录的内容复制到服务器上的存储位置。Tomcat 服务器可以在启动时扫描这个位置并加载任何 web 应用程序。 对于后端部分,Java 开发人员将源代码编译成 WAR 包。WAR 包包含编译后的 Java 类文件和任何相关的 JAR 文件。然后,开发人员可以将 WAR 包部署Tomcat 服务器上。Tomcat 服务器将解压 WAR 文件并将其转换为可执行的 web 应用程序。如果 WAR 包包含了前端 dist 目录的内容,Tomcat 服务器可以使用同步部署部署 web 应用程序。 使用同步部署的一个好处是,可以在生产环境实时编辑前端代码,而无需重启 Tomcat 服务器。开发人员可以在本地编辑应用程序并将更改推送到服务器上的 dist 目录。在 Tomcat 服务器重新加载应用程序时,更新后的代码将被自动加载。 总之,使用 Tomcat 同步部署 dist 和 WAR 包是如今前后端分离应用的必要步骤。这种部署方式可以提高生产环境运行 web 应用程序的效率,同时保证了应用程序的实时更新。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值