bug筆記 - Servlet&JSP --- 前端代碼報錯: Failed to decode downloaded font

1. bug描述

今天寫代碼的時候出現了一個問題, 前端頁面的一些小圖標不見了, F12之後, 發現報錯信息如下:

Failed to decode downloaded font: http://localhost:8080/font-awesome-4.7.0/fonts/fontawesome-webfont

當然這只是其中的一條, 因爲由好幾個圖標都不能顯示, 所以有好幾條這樣的報錯信息.

2. bug解決

我先google了一下這個錯誤信息, 並沒有找到正確的解決方案, 但是有一個博主說是因爲工程中使用了Maven, 沒有在pom.xml設置過濾信息, 從而導致了bug, 具體解釋點擊這裏.

然而這並沒有解決我的問題, 因爲我的pom.xml和他的格式不一樣, 並且沒有設置任何攔截. 但是這位博主給了我一個重要的提示, 那就是查看我的過濾器!!!

果然問題出現在過濾器中, 在過濾器中的非過濾URI字段數組中, 我只添加了css/js/img等, 而沒有添加這個用於顯示圖標的”font-awesome-4.7.0”庫的URI, 導致帶有”font-awesome-4.7.0”的URI都被攔截, 造成前端頁面圖標無法顯示的問題.

所以, 如果你的前端頁面也出現了這個問題, 並且你的Maven配置沒有問題的話, 建議你查看一下你的過濾器, 檢查一下是否有被多過濾的URI.