我正在運行一個 react / webpack 應用程式，并且在加載除索引（“/”）之外的我的應用程式的任何路由時，favicon 不顯示。
/public/app-bundle.js --> react/webpack 包
/public/favicon --> 包含 favicon 資產的目錄
/public/index.html --> 見下文
<link
rel="apple-touch-icon"
sizes="180x180"
href="./favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./favicon/favicon-16x16.png"
/>
<link rel="manifest" href="./favicon/site.webmanifest" />
<link
rel="mask-icon"
href="./favicon/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="icon" href="./favicon/favicon.ico" />
uj5u.com熱心網友回復：
請考慮該頁面將從服務器請求頁面，而不是從檔案系統請求頁面
所以洗掉“。” 在hrefs之前。
<link
rel="apple-touch-icon"
sizes="180x180"
href="/favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/favicon/favicon-16x16.png"
/>
<link rel="manifest" href="/favicon/site.webmanifest" />
<link
rel="mask-icon"
href="/favicon/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="icon" href="/favicon/favicon.ico" />
請記住，如果以斜杠（“/”）開頭意味著從服務器根目錄獲取，如果不是相對于 baseUrl 所在的位置。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/459644.html