IDEA中Javaweb項目圖片加載不出來解決方案
一、項目的結(jié)構(gòu)及問題介紹
項目結(jié)構(gòu)如下：
在500.jsp頁面中訪問了img目錄下的相關(guān)圖片,比如背景圖片，我在500.jsp中是這樣寫的路徑
background: url(../img/500.png) 0 0 no-repeat;
雖然在IDEA中能夠正常的預(yù)覽到圖片，但是在生成項目的war包時，項目的目錄結(jié)構(gòu)卻會發(fā)生變化，可能與我創(chuàng)建項目的方式有關(guān)，我這生成的結(jié)構(gòu)還是和源碼中的結(jié)構(gòu)一樣，即error/500.jsp和img/500.png，此時文件所在的文件夾還是同級目錄，但是在500.jsp卻就是無法訪問到這個圖片
二、解決方案
這個問題的解決方案就是加上web應(yīng)用的Application context地址，具體的意思就是網(wǎng)站應(yīng)用的首頁地址，這個具體的地址要看你的Tomcat配置。
查找項目對應(yīng)的Application context，操作捕捉如下
按照上圖的步驟就找到了你的項目的application context，然后接下在你要訪問的圖片地方，將其路徑改為：
url(/你的項目application context/你的圖片的路徑地址)
比如我上面的一個錯誤無法訪問圖片的例子
background: url(../img/500.png) 0 0 no-repeat;
修改之后的應(yīng)該是這樣的：
background: url(/Javaweb_jsp_war_exploded/img/500.png) 0 0 no-repeat;
再次重新啟動項目，然后就可以看到頁面中可以正常顯示圖片了，加油??！
補充：
可以將application context設(shè)置為 /,那么上面的路徑地址為：
background: url(/img/500.png) 0 0 no-repeat;
到此這篇關(guān)于IDEA中Javaweb項目圖片加載不出來解決方案的文章就介紹到這了,更多相關(guān)IDEA Javaweb圖片加載內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
SpringBoot整合Redis哨兵模式的實現(xiàn)示例
Redis哨兵模式是Redis高可用方案的一種實現(xiàn)方式,通過哨兵來自動實現(xiàn)故障轉(zhuǎn)移,從而保證高可用，本文主要介紹了SpringBoot整合Redis哨兵模式的實現(xiàn)示例，具有一定的參考價值，感興趣的可以了解一下2024-02-02
這篇文章主要介紹了JVM 中的StringTable,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-03
這篇文章主要介紹了Mybatis開啟控制臺打印sql語句方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
這篇文章主要介紹了Java如何自定義線程池中隊列，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07
搭建MyBatis-Plus框架并進(jìn)行數(shù)據(jù)庫增刪改查功能
這篇文章主要介紹了搭建MyBatis-Plus框架并進(jìn)行數(shù)據(jù)庫增刪改查,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-03
這篇文章主要為大家詳細(xì)介紹了Java視頻格式轉(zhuǎn)化的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-02-02
這篇文章主要介紹了通過入門demo簡單了解netty使用方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12
關(guān)于SpringBoot的spring.factories文件詳細(xì)說明
spring.factories 文件是 Spring Boot 自動配置機(jī)制的核心部分之一,它位于每個 Spring Boot 自動配置模塊的 META-INF 目錄下,經(jīng)?？吹?nbsp;spring.factories 文件,卻沒有對它進(jìn)行深入的了解和分析,今天我們就一起揭開面紗看看它的內(nèi)在,需要的朋友可以參考下2024-12-12
Java數(shù)據(jù)結(jié)構(gòu)之鏈表詳解
本篇文章我們將講解一種新型的數(shù)據(jù)結(jié)構(gòu)—鏈表,鏈表是一種使用廣泛的通用數(shù)據(jù)結(jié)構(gòu),它可以用來作為實現(xiàn)棧,隊列等數(shù)據(jù)結(jié)構(gòu)的基礎(chǔ).文中有非常詳細(xì)的介紹,需要的朋友可以參考下2021-05-05
SpringBoot實現(xiàn)動態(tài)增刪啟停定時任務(wù)的方式
在spring?boot中,可以通過@EnableScheduling注解和@Scheduled注解實現(xiàn)定時任務(wù),也可以通過SchedulingConfigurer接口來實現(xiàn)定時任務(wù),但是這兩種方式不能動態(tài)添加、刪除、啟動、停止任務(wù),本文給大家介紹SpringBoot實現(xiàn)動態(tài)增刪啟停定時任務(wù)的方式,感興趣的朋友一起看看吧2024-03-03