欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

IDEA中Javaweb項(xiàng)目圖片加載不出來解決方案

 更新時(shí)間：2023年10月30日 11:25:52   作者：luwanglin  
在IDEA中能夠正常的預(yù)覽到圖片,但是在生成項(xiàng)目的war包時(shí),項(xiàng)目的目錄結(jié)構(gòu)卻會(huì)發(fā)生變化,所以無法訪問圖片,本文主要介紹了IDEA中Javaweb項(xiàng)目圖片加載不出來解決方案,感興趣的可以了解一下

一、項(xiàng)目的結(jié)構(gòu)及問題介紹

項(xiàng)目結(jié)構(gòu)如下：

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

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

雖然在IDEA中能夠正常的預(yù)覽到圖片，但是在生成項(xiàng)目的war包時(shí)，項(xiàng)目的目錄結(jié)構(gòu)卻會(huì)發(fā)生變化，可能與我創(chuàng)建項(xiàng)目的方式有關(guān)，我這生成的結(jié)構(gòu)還是和源碼中的結(jié)構(gòu)一樣，即error/500.jsp和img/500.png，此時(shí)文件所在的文件夾還是同級(jí)目錄，但是在500.jsp卻就是無法訪問到這個(gè)圖片

二、解決方案

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

查找項(xiàng)目對(duì)應(yīng)的Application context，操作捕捉如下

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

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

比如我上面的一個(gè)錯(cuò)誤無法訪問圖片的例子

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

修改之后的應(yīng)該是這樣的：

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

再次重新啟動(dòng)項(xiàng)目，然后就可以看到頁(yè)面中可以正常顯示圖片了，加油?。?/p>

補(bǔ)充：

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

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

到此這篇關(guān)于IDEA中Javaweb項(xiàng)目圖片加載不出來解決方案的文章就介紹到這了,更多相關(guān)IDEA Javaweb圖片加載內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論