Chrome DevTools 報 favicon.ico 400 錯誤？這是正常現象，無需修復

現象

在 Chrome 開發者工具 Network 面板看到 favicon.ico 請求狀態碼 400（Bad Request），擔心是項目配置錯誤。

本質解釋

這是瀏覽器默認行為，非錯誤。 瀏覽器會自動向網站根目錄請求 /favicon.ico 作為標籤頁圖標。若服務器未提供該文件，或文件格式損壞、響應頭錯誤，會返回 400/404/500，但不影響頁面功能，只是顯示默認圖標（空白或瀏覽器默認圖標）。

最佳實踐：正確提供 Favicon

1. 準備 32x32、16x16 的 .ico 文件（或多尺寸 PNG），放在 Web 根目錄（如 src/main/webapp/favicon.ico 或 public/favicon.ico）。
2. 在 HTML <head> 顯式聲明（推薦 PNG，兼容性更好）：

   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
   <link rel="shortcut icon" href="/favicon.ico">

3. 配置服務器緩存：Cache-Control: public, max-age=31536000（一年），減少請求。

排查 400 的特殊情況

若 文件存在但仍報 400，檢查：

• 文件是否損壞（用圖片查看器打開驗證）。
• 響應頭 Content-Type 是否為 image/x-icon 或 image/vnd.microsoft.icon。
• Spring Security / Shiro 等攔截器是否放行 /favicon.ico。

結論：忽略 400 不影響業務，補上正確 Favicon 即可消除紅色報錯，提升專業度。