IDEA中Javaweb項(xiàng)目圖片加載不出來(lái)解決方案
一、項(xiàng)目的結(jié)構(gòu)及問(wèn)題介紹
項(xiàng)目結(jié)構(gòu)如下:
在500.jsp頁(yè)面中訪問(wèn)了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卻就是無(wú)法訪問(wèn)到這個(gè)圖片
二、解決方案
這個(gè)問(wèn)題的解決方案就是加上web應(yīng)用的Application context地址,具體的意思就是網(wǎng)站應(yīng)用的首頁(yè)地址,這個(gè)具體的地址要看你的Tomcat配置。
查找項(xiàng)目對(duì)應(yīng)的Application context,操作捕捉如下
按照上圖的步驟就找到了你的項(xiàng)目的application context,然后接下在你要訪問(wèn)的圖片地方,將其路徑改為:
url(/你的項(xiàng)目application context/你的圖片的路徑地址)
比如我上面的一個(gè)錯(cuò)誤無(wú)法訪問(wèn)圖片的例子
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è)面中可以正常顯示圖片了,加油啊!
補(bǔ)充:
可以將application context設(shè)置為 /,那么上面的路徑地址為:
background: url(/img/500.png) 0 0 no-repeat;
到此這篇關(guān)于IDEA中Javaweb項(xiàng)目圖片加載不出來(lái)解決方案的文章就介紹到這了,更多相關(guān)IDEA Javaweb圖片加載內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Java利用Jsoup解析和操作HTML的技術(shù)指南
在現(xiàn)代 Java 開發(fā)中,處理 HTML 數(shù)據(jù)是一項(xiàng)常見需求,無(wú)論是抓取網(wǎng)頁(yè)數(shù)據(jù)、解析 HTML 文檔,還是操作 DOM 樹,Jsoup 都是一個(gè)強(qiáng)大的工具,本文將介紹 Jsoup 的基本功能,并通過(guò)多個(gè)詳細(xì)的代碼示例展示如何使用它解析和操作 HTML,需要的朋友可以參考下2025-03-03java ant 配置及構(gòu)建項(xiàng)目圖文教程
以下是對(duì)java ant配置及構(gòu)建項(xiàng)目進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過(guò)來(lái)參考下2013-08-08解決Maven 項(xiàng)目報(bào)錯(cuò) java.httpservlet和synchronized使用方法
下面小編就為大家?guī)?lái)一篇解決Maven 項(xiàng)目報(bào)錯(cuò) java.httpservlet和synchronized使用方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07springboot下mybatis-plus如何打印sql日志和參數(shù)到日志文件
本文主要介紹了springboot下mybatis-plus如何打印sql日志和參數(shù)到日志文件,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03SpringBoot中的五種對(duì)靜態(tài)資源的映射規(guī)則的實(shí)現(xiàn)
這篇文章主要介紹了SpringBoot中的五種對(duì)靜態(tài)資源的映射規(guī)則的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12java 中 System.out.println()和System.out.write()的區(qū)別
這篇文章主要介紹了 java 中 System.out.println()和System.out.write()的區(qū)別.的相關(guān)資料,需要的朋友可以參考下2017-04-04Java 中的 BufferedWriter 介紹_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
BufferedWriter 是緩沖字符輸出流。它繼承于Writer。接下來(lái)通過(guò)本文給大家分享Java 中的 BufferedWriter知識(shí),需要的朋友參考下吧2017-05-05java Socket實(shí)現(xiàn)多人群聊與私聊功能
這篇文章主要為大家詳細(xì)介紹了java Socket實(shí)現(xiàn)多人群聊與私聊功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07Java實(shí)現(xiàn)輸出數(shù)字三角形實(shí)例代碼
大家好,本篇文章主要講的是Java實(shí)現(xiàn)輸出三角形實(shí)例代碼,感興趣的同學(xué)趕快來(lái)看一看吧,對(duì)你有幫助的話記得收藏一下,方便下次瀏覽2022-01-01