1. 程式人生 > 程式設計 >SpringBoot favicon Chrome設定問題解決方案

SpringBoot favicon Chrome設定問題解決方案

今天學習SpringBoot 設定favicon,使用springboot 2.2.4 版本。瀏覽器為Chrome,根據文件設定無法實現顯示。但是如果更換為Safiri瀏覽器,可以正確顯示,現把Chrome的解決方法寫下來

其他資料顯示,把favicon.ico 圖片檔案 Copy 到 預設到資原始檔夾即可,包括,SpringBoot定義的檔案為:

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

我先把圖片放到預設根目錄下,但是怎麼顯示都無法顯示出來,並且用<img src="/favicon.ico"> 也無法載入,通過地址也無法在頁面顯示。

所以,把該圖片放到以上資原始檔夾的images 下,此時可以在頁面中顯示圖片,通過瀏覽器地址也可以訪問到圖片。

但是瀏覽器標籤頁面 還是不顯示小圖片,在 <head> 標籤增加

<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">

 <h4>歡迎首頁rrr -- res</h4>
</body>
</html>

其實和基本的網頁顯示ICO圖示是一樣的,大家可以在本地測試下,感謝大家的學習和對我們的支援。