溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關SpringBoot項目中怎么設置網站圖標，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
Spring Boot不同版本對Favicon的支持
在早些版本中Spring Boot對Favicon進行了默認支持，并且通過如下配置進行關閉操作：
spring.mvc.favicon.enabled=false ## 關閉
默認顯示效果如下：
但在Spring Boot項目的issues中提出，如果提供默認的Favicon可能會導致網站信息泄露。如果用戶不進行自定義的Favicon的設置，而Spring Boot項目會提供默認的上圖圖標，那么勢必會導致泄露網站的開發框架。
因此，在Spring Boot2.2.x中，將默認的favicon.ico移除，同時也不再提供上述application.properties中的屬性配置。更多詳細信息可查看對應的issues：https://github.com/spring-projects/spring-boot/issues/17925 。
自定義Favicon
既然在當前版本中Spring Boot不支持默認的Favicon，我們就來看看如何自定義網站的Favicon。
正常情況下，直接將命名為favicon.ico的網站圖標放在resources或static目錄即可顯示，但如果使用的版本無法顯示。
首先排除瀏覽器緩存的問題。在撰寫本文時多次遇到瀏覽器緩存導致無法展示的情況。一般操作步驟，清除瀏覽器緩存，重啟瀏覽器，即可展示。
同時，如果需要在頁面中通過代碼進行引入。下面展示使用Thymeleaf時的引入方式：
<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"/> <title>Hello Favicon</title> <link rel="icon" th:href="@{/favicon.ico}" rel="external nofollow" rel="external nofollow" type="image/x-icon"/> <link rel="bookmark" th:href="@{/favicon.ico}" rel="external nofollow" rel="external nofollow" type="image/x-icon"/></head><body><h2>Hello Favicon!</h2></body></html>
如果使用其他前端框架，可使用如下方式：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <title>Hello Favicon</title> <link rel="icon" href="/favicon.ico" rel="external nofollow" rel="external nofollow" type="image/x-icon"/> <link rel="bookmark" href="/favicon.ico" rel="external nofollow" rel="external nofollow" type="image/x-icon"/></head><body><h2>Hello Favicon!</h2></body></html>
上述方式有一個弊端，那就是需要在每個展示的頁面中都添加對應的代碼。
注意事項
在使用的過程中，遇到最多的問題其實就是緩存導致的問題，比如Thymeleaf緩存未關閉、瀏覽器緩存等。
所以，如果在瀏覽器中打開網頁并沒有展示出效果，并不代表程序沒起效。這時，可采用直接訪問favicoin的形式來驗證。
http://localhost:8080/favicon.ico
在瀏覽器訪問上述鏈接，如果能夠展示圖標，則說明已經可以正常訪問了。
另外，在web項目中，如果自定義了Web相關組件或攔截器也有可能導致無法顯示或404，可對其進行有針對性的排查。
關于SpringBoot項目中怎么設置網站圖標就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
