IDEA中Javaweb項目圖片加載不出來解決方案

針對IDEA中Javaweb項目中無法加載圖片

一、項目的結構及問題介紹

1. 項目結構如下：

2. 在500.jsp頁面中訪問了img目錄下的相關圖片,比如背景圖片，我在500.jsp中是這樣寫的路徑

    background: url(../img/500.png) 0 0 no-repeat;

   雖然在IDEA中能夠正常的預覽到圖片，但是在生成項目的war包時，項目的目錄結構卻會發生變化，可能與我創建項目的方式有關，我這生成的結構還是和源碼中的結構一樣，即error/500.jsp和img/500.png，此時文件所在的文件夾還是同級目錄，但是在500.jsp卻就是無法訪問到這個圖片

二、解決方案

這個問題的解決方案就是加上web應用的Application context地址，具體的意思就是網站應用的首頁地址，這個具體的地址要看你的Tomcat配置。

1. 查找項目對應的Application context，操作捕捉如下

   • 

   • 

2. 按照上圖的步驟就找到了你的項目的application context，然后接下在你要訪問的圖片地方，將其路徑改為：

    url(/你的項目application context/你的圖片的路徑地址)

   比如我上面的一個錯誤無法訪問圖片的例子

    background: url(../img/500.png) 0 0 no-repeat;

   修改之后的應該是這樣的：

    background: url(/Javaweb_jsp_war_exploded/img/500.png) 0 0 no-repeat;

3. 再次重新啟動項目，然后就可以看到頁面中可以正常顯示圖片了，加油啊！

補充：

可以將application context設置為 /,那么上面的路徑地址為：

 background: url(/img/500.png) 0 0 no-repeat;