一、问题描述：

在intellij idea开发环境中，使用TomCat服务器进行网页部署，开发jsp页面。
在使用<img>标签时，其"src"属性内容，无论怎样填写，网页上都不能显示出图像

二、网络解决方案

在网络上我看了JSP页面 用绝对路径显示图片guoyutao7890新浪博客上的解释

首先，图片和工程不在一个盘符下。图片也不能放到工程下。
在JSP 文件中 <img src="C:/Users/fx/Pictures/test.jpg"/> 这样是引不到图片的。因为，JSP页面在引图片的时候是 在页面解析的路径是:<img src="http://localhost:8080/test/images/1.jpg">。也就是说JSP在引图片的时候 是先去你的工程目录下找的。
所以如果要在JSP中引入其他盘符的图片，那只能配置虚拟路径。

所以我便学着建立TomCat的虚拟路径映射
我参考了PANGDD的文章Tomcat学习笔记（三）——虚拟目录及虚拟子目录篇

• 建立虚拟路径映射
  在TomCat服务器路径的"conf"文件夹下的"server.xml"文件中的"Host"元素下，添加"Context"元素
  例如：
  <Context path="/test" docBase="/home/papudding/text" reloadable="true"/>
  1. path： 为虚拟的路径使用的名字，例如：使用http://localhost:8081/test/就可以访问到本地/home/papudding/text路径下的文件（大概是这样
  2. docBase：可以设置绝对路径，也可设置相对路径，相对路径是相对 appBase 属性所设的目录而言的
• 然而实际上并没有解决到问题

三、实际解决方案

机智的我在sogou上搜索了 ”tomcat配置虚拟路径失败“ 然后找到了下面这个页面
tomcat 配置图片虚拟路径不起作用解决办法
里面说

单单改tomcat下的server.xml去配置虚拟路径不够，eclipse下也要进行对tomcat的配置

我使用的是intellij idea 所以是否有异曲同工呢？
我尝试如下操作
1.首先打开project structure页面，选择Modules，选择中间一竖的Web选项

2018-03-10 15-38-30屏幕截图.png

2. 然后找到Web Resource Directories

   
   2018-03-10 15-39-20屏幕截图.png

3. 点击右侧绿色按钮 添加新的资源路径

   
   2018-03-10 15-39-39屏幕截图.png

4. 添加了image文件夹后的项目

   
   2018-03-10 15-40-00屏幕截图.png

四、结果

1.src里的内容

2018-03-10 15-45-22屏幕截图.png

2.网页页面

2018-03-10 15-46-34屏幕截图.png