溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

SpringBoot favicon Chrome設(shè)置問(wèn)題解決方案

發(fā)布時(shí)間：2020-08-19 14:04:03 來(lái)源：腳本之家 閱讀：166 作者：KennyWang0314 欄目：編程語(yǔ)言

今天學(xué)習(xí)SpringBoot 設(shè)置favicon，使用springboot 2.2.4 版本。瀏覽器為Chrome,根據(jù)文檔設(shè)置無(wú)法實(shí)現(xiàn)顯示。但是如果更換為Safiri瀏覽器，可以正確顯示，現(xiàn)把Chrome的解決方法寫下來(lái)

其他資料顯示，把favicon.ico 圖片文件 Copy 到 默認(rèn)到資源文件夾即可，包括，SpringBoot定義的文件為：

private static final String[] CLASSPATH_RESOURCE_LOCATIONS = { "classpath:/META-INF/resources/","classpath:/resources/", "classpath:/static/", "classpath:/public/" };

我先把圖片放到默認(rèn)根目錄下，但是怎么顯示都無(wú)法顯示出來(lái)，并且用<img src="/favicon.ico"> 也無(wú)法加載，通過(guò)地址也無(wú)法在頁(yè)面顯示。

所以，把該圖片放到以上資源文件夾的images 下，此時(shí)可以在頁(yè)面中顯示圖片，通過(guò)瀏覽器地址也可以訪問(wèn)到圖片。

但是瀏覽器標(biāo)簽頁(yè)面 還是不顯示小圖片，在 <head> 標(biāo)簽增加

<link rel="shortcut icon" href="images/favicon.ico" rel="external nofollow" rel="external nofollow" />

成功顯示

全代碼為：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="shortcut icon" href="images/favicon.ico" rel="external nofollow" rel="external nofollow" />

</head>
<body>
 <img src="/asserts/favicon.ico">
 <img src="/images/favicon.ico">

 <h5>歡迎首頁(yè)rrr -- res</h5>
</body>
</html>

其實(shí)和基本的網(wǎng)頁(yè)顯示ICO圖標(biāo)是一樣的，大家可以在本地測(cè)試下，感謝大家的學(xué)習(xí)和對(duì)億速云的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手