CentOS 7.5 RuoYi-Vue部署教程之Tomcat中war包部署

一、后端部署

说明:

1.本项目为多模块版本
2.本项目后端部署文件格式为war,部署方式为war部署方式

1.打包工程文件

ruoyi-vue/ruoyi-admin模块下修改pom.xml中的packaging修改为war

如图
在这里插入图片描述
ruoyi-vue项目的bin目录下双击执行package.bat打包Web工程,生成jar包文件,生成的jar包文件在ruoyi-vue/ruoyi-admin目录下生成target文件夹中

如图
在这里插入图片描述

2.部署项目

将打包好war文件上传到服务器,并将名字修改为prod-api.war

如图(将war文件上传到了tomcat下的webapps文件夹下面)
在这里插入图片描述

切换到war包上传目录下

 cd /usr/local/apache-tomcat-9.0.65/webapps

然后执行使用解压缩命令解压

 unzip -o prod-api.war -d prod-api/

然后启动tomcat,可以查看启动日志或者使用curl或者浏览器访问是否已经启动,访问地址:http://ip:port/prod-api/,如果返回欢迎使用RuoYi后台管理框架,当前版本:v3.8.4,请通过前端地址访问。,证明后端部署成功;

如果要停止tomcat运行,你需要使用以下命令查找到tomcat运行的PID,然后使用kill命令来删除:

ps -aux | grep tomcat
kill -9  进程号PID

二、前端部署

说明:

1.前端直接使用tomcat部署
2.部署在ROOT下(和后端在同一容器tomcat下)

1.打包工程文件

当项目开发完毕,只需要运行一行命令就可以打包你的应用

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

# 打包预发布环境
npm run build:stage

构建打包成功之后,会在根目录生成dist文件夹,里面就是构建打包好的文件,通常是 ***.js***.cssindex.html等静态文件

如图

在这里插入图片描述

2.部署项目

webapps下的BOOT文件下的所有文件(除WEB-INF之外)删除

修改tomcat/webapps/ROOT/WEB-INF目录下的web.xml文件如下:

<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_4_0.xsd"
  		version="4.0" 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>

将打包好的dist文件下的所有文件上传到tomcat/webapps/ROOT文件夹下

如图

在这里插入图片描述
最终效果如下图:

在这里插入图片描述
建议开启Gzip压缩

tomcat/conf/server.xml文件中Connector配置中加入如下代码对全局的资源进行压缩,可以减少文件体积和加快网页访问速度

compression="on"             # 开启Gzip压缩,默认为off
compressionMinSize="2048"  	 # 大于2KB的文件才进行压缩
compressableMimeType="application/x-javascript,application/xml,text/html,text/xml,application/javascript,text/css,text/plain,text/json"        # 支持html、xml、js、css、json等文件格式的压缩

如图

在这里插入图片描述

启动tomcat(将路径切换到tomcat/bin下)

cd /usr/local/apache-tomcat-9.0.65/webapps/bin

执行命令

./startup.sh

启动成功后,浏览器访问http://ip:port,出现登录界面和验证码说明部署成功**

二、其他连接

1.CentOS 7.5 安装Java环境教程)

2.CentOS 7.5 安装Redis教程

3.CentOS 7.5 安装MySQL教程

Logo

快速构建 Web 应用程序

更多推荐