一、問題描述：
在intellij idea開發(fā)環(huán)境中，使用TomCat服務(wù)器進(jìn)行網(wǎng)頁(yè)部署，開發(fā)jsp頁(yè)面。
在使用<img>標(biāo)簽時(shí)，其"src"屬性內(nèi)容，無(wú)論怎樣填寫，網(wǎng)頁(yè)上都不能顯示出圖像
二、網(wǎng)絡(luò)解決方案
在網(wǎng)絡(luò)上我看了JSP頁(yè)面 用絕對(duì)路徑顯示圖片guoyutao7890新浪博客上的解釋
首先，圖片和工程不在一個(gè)盤符下。圖片也不能放到工程下。
在JSP 文件中 <img src="C:/Users/fx/Pictures/test.jpg"/> 這樣是引不到圖片的。因?yàn)椋琂SP頁(yè)面在引圖片的時(shí)候是 在頁(yè)面解析的路徑是:<img src="http://localhost:8080/test/images/1.jpg">。也就是說(shuō)JSP在引圖片的時(shí)候 是先去你的工程目錄下找的。
所以如果要在JSP中引入其他盤符的圖片，那只能配置虛擬路徑。
所以我便學(xué)著建立TomCat的虛擬路徑映射
我參考了PANGDD的文章Tomcat學(xué)習(xí)筆記（三）——虛擬目錄及虛擬子目錄篇
- 建立虛擬路徑映射
在TomCat服務(wù)器路徑的"conf"文件夾下的"server.xml"文件中的"Host"元素下，添加"Context"元素
例如：
<Context path="/test" docBase="/home/papudding/text" reloadable="true"/>- path： 為虛擬的路徑使用的名字，例如：使用http://localhost:8081/test/就可以訪問到本地/home/papudding/text路徑下的文件（大概是這樣
- docBase：可以設(shè)置絕對(duì)路徑，也可設(shè)置相對(duì)路徑，相對(duì)路徑是相對(duì) appBase 屬性所設(shè)的目錄而言的
- 然而實(shí)際上并沒有解決到問題
三、實(shí)際解決方案
機(jī)智的我在sogou上搜索了 ”tomcat配置虛擬路徑失敗“ 然后找到了下面這個(gè)頁(yè)面
tomcat 配置圖片虛擬路徑不起作用解決辦法
里面說(shuō)
單單改tomcat下的server.xml去配置虛擬路徑不夠，eclipse下也要進(jìn)行對(duì)tomcat的配置
我使用的是intellij idea 所以是否有異曲同工呢？
我嘗試如下操作
1.首先打開project structure頁(yè)面，選擇Modules，選擇中間一豎的Web選項(xiàng)
-
然后找到Web Resource Directories
2018-03-10 15-39-20屏幕截圖.png -
點(diǎn)擊右側(cè)綠色按鈕 添加新的資源路徑
2018-03-10 15-39-39屏幕截圖.png -
添加了image文件夾后的項(xiàng)目
2018-03-10 15-40-00屏幕截圖.png
四、結(jié)果
1.src里的內(nèi)容
2.網(wǎng)頁(yè)頁(yè)面
