tomcat服务器前端部署【Tomcat Manager、思路分析】

已于 2023-03-22 09:04:56 修改
阅读量1.1k 收藏 1
点赞数
分类专栏： Linux 文章标签： tomcat 前端 服务器
于 2023-03-22 00:03:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22841387/article/details/129700471
版权

问题描述

当前需要我进行前端代码的部署，但是我忘记了这个系统对应的部署位置，但是隐约记得好像是通过tomcat部署的。

然后当时为了方便部署，我们打开了Tomcat Manager

以下是基于Tomcat Manager的，没有打开的需要前往tomcat下载路径/conf/tomcat-users.xml

添加以下内容

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y4K9KDvA-1679414366962)(assets/image-20230321234258-48jeftp.png)]

1.寻找Tomcat Manager在哪

首先，先进入当前正在运行的项目页面，找到IP

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-71IjPnyt-1679414366963)(assets/image-20230321234424-6zp93ta.png)]

输入manager

在当前的路径后面手动打上

/manager

注意：

如果你的项目也是采用的hash形式的路由，路径带有#

需要将#删除后，继续添加

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TRisBPG3-1679414366963)(assets/image-20230321234646-1dbk075.png)]

别把端口删掉了

2.寻找项目部署对应的应用程序

输入地址后将进入这个页面

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7yuoO8ZR-1679414366963)(assets/image-20230321235055-ki8v6vw.png)]

因为这里我们的tomcat里面放了很多其他的应用程序

其实就是在/webapps下面创建了这么多个文件夹

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VVLK7KCU-1679414366963)(assets/image-20230321235108-bak3nk0.png)]

现在这么多项目突然眼花了，都不知道要选择哪一个

发现对应应用程序

我们可以观察之前的路径

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-S8sEOPDK-1679414366964)(assets/image-20230321235034-674mvs7.png)]

路径就是简单的/，所以猜测是第一个

我们点击 停止 试试，发现页面果然不响应内容了，所以证明就是这一个

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-meTO4RIm-1679414366964)(assets/image-20230321235147-y12mojf.png)]=

3.打包项目

找到后，我们打包前端项目，生成dist文件

压缩文件

将打包生成的文件打包成zip格式

修改文件名

因为这里需要部署的路径是/，对应的名称就是ROOT

修改后缀名

修改成.war

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZGryFSAV-1679414366964)(assets/image-20230321235452-katrsih.png)]

ROOT.war

4.部署服务器

下滑找到图示的位置

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mg0d2qcJ-1679414366964)(assets/image-20230321235539-x7919d5.png)]

点击 上传WAR文件

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kIFMpSO9-1679414366965)(assets/image-20230321235602-ya5t7wz.png)]

完成后，点击部署

消息将在上方提示

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gAXI3WSz-1679414366965)(assets/image-20230321235734-ivf1xy8.png)]

若出现失败 - War文件 [ROOT.war] 已存在于服务器上

需要首先卸载该应用

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TB9D9ecc-1679414366965)(assets/image-20230321235702-dfbbd6l.png)]

修炼室
关注
专栏目录
Tomcat部署Web项目
qq_41941900的博客
06-28 1704
要使用这一方法部署未打包的webapp目录，只要把我们的项目（编译好的发布项目，非开发项目）放到Tomcat的webapps目录下就可以了。但这个时候，我们发现，在访问我们的项目内容时，必须加上我们的项目名字"myweb"，这样很不好。当我们启动Tomcat的时候，Tomcat要做的第一件事就是解包war文件的内容到相同文件名的路径中，取出.war扩展名，然后从解包的目录中读取项目文件。这个时候，我们再看一下Manager App页面的变化，如下图中圈中的部分，多了我们刚才发布的myweb项目。
tomcat manager配置
09-28
tomcat manager app配置及常见错误处理。亲测可用，分享给大伙
Tomcat前端页面部署
小小码农
03-17 4104
Tomcat前端页面部署
简单Tomcat和Nginx部署前端项目
Hacah的博客
09-02 4141
前言 记录一下前端项目的部署，主要最近也在做这些事情。 一、tomcat部署前端 这里我使用的事linux环境，windows下类似。 1、下载tomcat tomcat下载官网 版本很多，下载常用的支持Java8的就行。 选择对应系统类型的文件 2、查看tomcat目录 我下载的是Linux版本，windows版本也类似。 tomcat的目录如下。 重点，两步就能部署起项目 我们把前端的项目解压，放到tomcat目录下的webapps下。 例如：我在webapps下存放了cloud名称的前端项目
前端：Tomcat服务器部署Web项目
这也是计划的一部分的博客
10-19 8823
Web服务器是运行及发布Web应用的容器，只有将开发的Web项目放置在该容器中，才能使网络中的所有用户通过浏览器进行访问。我们发现重新编写代码后，需进行重新编译，移动文件，重启服务等操作，时间成本较高昂。我们将Servlet环境部署在IDEA开发工具中 从而便于我们之后的开发。项目文件下需要WEB-INF文件夹与你将要访问的html文件。从而在toncat看见我们编写的first.html页面。找到lib文件路径下的servlet-api.jar包。将class文件放置在之前建立的classes文件夹下。
Tomcat部署vue前端项目
dbangel的专栏
10-12 1345
假设您已具备node、npm或者yarn、vue项目webpack方式打包，以及tomcat安装运行等基础环境方面的知识 1.使用webpack打包vue项目； 2.将打包生成的dist目录下的文件拷贝到tomcat/webapps/ROOT下，一般是一个index.html文件和一个static文件夹； 3.在tomcat/webapps/ROOT下创建WEB-INF目录； 4.在tom...
将Web项目War包部署到Tomcat服务器基本步骤
03-14
### 将Web项目War包部署到Tomcat服务器的基本步骤 #### 一、基础知识与预备工作 **1.1 War包简介** - **定义**: War包（Web Application Archive）是Web应用程序的一种打包形式，主要用于组织和分发Web应用程序...
使用IDEA部署Web项目到本地的Tomcat服务器
Su3253067688的博客
02-13 4619
一、IDEA配置tomcat步骤：一、IDEA配置tomcat步骤：1.1 Tomcat下载与安装启动下载地址：http://tomcat.apache.org/ (左侧Download选择下载版本)1.1.1 安装：1、下载好了解压到一个没有特殊符号的目录中（一般纯英文即可）2、进入到解压的目录下找到bin\startup.bat双击启动即可tomcat需要配置JAVA_HOME环境变量，不要把bin目录也配置到JAVA_HOME中，否则会出现启动闪退。1.1.2启动。
ApacheTomcat HTTP服务器
08-16
Apache Tomcat是一款强大的开源HTTP服务器和Servlet容器，它在Java Web应用部署中扮演着至关重要的角色。这款服务器软件以其高效性、稳定性和易扩展性而备受赞誉，是许多企业和开发者首选的平台。Tomcat完全基于Java...
tomcat部署前端vue项目（项目上线具体操作）
qq_45349018的博客
02-16 6882
前端Vue项目上线部署操作。
linux之tomcat安装及前端部署
m0_46627257的博客
04-06 1763
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可
Tomcat之服务管理页面manager部署
月生的静心苑
05-23 4857
Tomcat的管理页面Manager是一个Web应用程序，用于管理Tomcat服务器的部署和操作。它提供了一个易于使用的界面，可以通过Web浏览器访问。通过Manager，管理员可以轻松地管理Tomcat服务器的多个Web应用程序，并且可以根据需要添加、删除或更新这些应用程序。它还提供了一些有用的工具，如日志查看器和Web应用程序监视器，可以帮助管理员更好地了解Tomcat服务器的性能和运行情况。
前端项目部署tomcat与nginx思路
阿丹的博客
05-27 1202
阿丹有话说：之前研究整理了vue项目部署tomat与nginx。借着本篇文章整理一下部署思路。本文章之提供思路，方便初学者，或者不熟悉思路的进行复习以及学习。
Tomcat配置manager(部署war包)
qq_52754410的博客
10-13 856
Tomcat配置manager(部署war包)
tomcat的manager项目部署
wanan_1001
05-30 1803
打开远程tomcat服务器下的conf/tomcat-users.xml然后进行修改或直接重新添加  <role rolename="manager-gui"/>  <role rolename="manager-script"/>  <user username="admin" password="password" roles="manager-
使用tomcat manager 管理和部署项目
weixin_30340745的博客
10-20 284
在部署tomcat项目的时候，除了把war文件直接拷贝到tomcat的webapp目录下，还有一种方法可以浏览器中管理和部署项目，那就是使用tomcat manager。 默认情况下，tomcat manager是不可用的，因为它的用户角色和密码并没有正确配置。 这里采用的是tomcat7.0。打开conf文件夹下的文件tomcat-user.xml tomcat原配置 <!-- ...
如何把自己写的前端界面用tomcat部署到服务器中
m0_55056589的博客
03-07 2666
如何把自己写的前端界面用tomcat部署到服务器中
Tomcat如何部署前后端
最新发布
dyh17630178424的博客
02-28 1400
首先，官网下载想要下载的版本解压复制在Win/Linux系统中任意一个位置。
快速入门：easyUI在Tomcat中的部署与配置
这表明你需要确保这个easyUi的JAR包已经正确地放置在这个目录下，并且Tomcat服务器配置中已经包含了对它的引用。 `<init-param>`标签块用于设置easyUI的一些配置参数，其中`<param-name>listings</param-name>`指定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值