IDEA + tomcat 配置与使用（解决404以及空白页问题）

目录

本文将主要对这三部分内容进行介绍：
1.使用 IDEA 搭建web项目，通过 tomcat 进行发布的具体流程；
2.开启 tomcat 时出现404以及空白页的原因和解决方案；
3.IDEA 与 tomcat 间配置的关系，URL的组成。

1.创建一个web工程

1.如箭头1选择java EnterPrice，在箭头2处选择java版本，在箭头3处New 。

2.选择Tomcat Server

3.找到本机安装的tomcat文件夹位置，点击ok

Tomcat base dectory 目录将自动生成

点击ok

4.next

5.勾选Create project from template，将从模板创建。

6.起个名

7.创建测试文件

工程创建工作完成，下面介绍一下需要做的配置。

2.使用tomcat连接前的配置

主要对两处进行配置：
第一处为File -> Project Structure ，这里将配置编译后的目录，同时也是本项目下 tomcat 的起始工作目录。

第二处为Run -> Edit Configurations，里面会配置 tomcat 启动后第一个页面的指定路径以及一个虚拟映射。

1.打开Project Structure

2.在project中选择相同的版本

3.配置 Artifacts 中内容。箭头1处是产生结果的位置，箭头2处是输出的内容。箭头2处的内容一般不用修改。

箭头1处产生的结果部署在任意位置，例如我这里部署在
E:\IDEA_workspace\web_test\out\artifacts\web_war_exploded
下，将在文件夹中产生

（此处要注意）这个部署位置将作为 tomcat 的项目发布路径

4.接下来是 Run 中的配置

5.首先选择Deployment，按图中所示序号添加Artifacts

6.添加后将产生一个 Application context文本框，这里是增加了一个虚拟映射，我的目标是使用浏览器对
localhost:8088/test.xml
进行访问就能运行 test.xml 文件，因此我在文本框中只保留一个 / 。
具体原因后面详述。

7.选择Server，在其中主要对 URL 和 JRE 版本进行配置，其他的一般使用自动获取的。

URL 这里的含义是，启动 tomcat 后的初始界面所使用的文件或文件夹。

1. 如果不指定一个显示的文件，那么 tomcat 开启后将展示一个空白页面。
2. 如果指定一个发布路径（标题2 步骤3 箭头1所指的目录）下没有的文件，将会出现404。

都配置好后选择ok确认。

8.运行

等待 tomcat 启动后将弹出页面

内容符合预期。

3.tomcat中配置文件与IDEA设置的关系

tomcat 启动后会有如下的初始信息

在这里

• CATALINA_BASE 表示 tomcat 的工作目录
• CATALINA_HOME 表示 tomcat 的安装目录

在IDEA中，每有一个 Project 就会有一个与项目相关的对应的 tomcat 实例被创建。创建的 tomcat 实例仅仅保存一些配置文件。这对于不同项目来说，就有了各自独立的 tomcat 工作区。所有 tomcat 实例共用安装目录。

在一个实例的 tomcat 文件中，有两个配置文件与 IDEA 中开启后 tomcat 后的URL关联比较明显。

1 . CATALINA_BASE 下 \conf\Catalina\localhost 下的 xml 文件：

这个文件的文件名和属性 path 对应保存的是 IDEA 配置中

的内容（即发布路径的映射）。

同时，docBase 对应 IDEA 配置中的
的内容（即项目的发布路径）。

就功能来说，这里文件中将 docBase 对应的目录映射到 path 对应的路径上，这里的 path 应用到 tomcat 中即

localhost:8088/path

如果修改 Application context 的内容为 /123 ，则在IDEA运行项目后，原 ROOT.xml 将更名为 123.xml，同时 path 将更新为 “123”。此时想要进入 docBase 所指示的路径需要使用URL:

localhost:8088/123/test.html

映射 path 以及其中的子目录或文件组成了 URL 的后半部分

2. CATALINA_BASE 下的 \conf\server.xml文件


文件中Host标签指定了Tomcat的根目录，即在浏览器中显示的localhost:8088定位的就是这里定义的。name 与 appBase 之间形成映射。

这里组成了URL的前半部分。

参考博客

创建项目：https://www.cnblogs.com/xinruyi/p/9360282.html

IDEA + tomcat部署：https://blog.csdn.net/HughGilbert/article/details/56424137?utm_medium=distribute.pc_relevant.none-task-blog-searchFromBaidu-3.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-searchFromBaidu-3.control