Favicon仅显示索引路线

发布于 2025-01-21 21:42:33 字数 797 浏览 2 评论 0原文

我正在运行React / WebPack应用程序，而Favicon在加载索引（“ /”）以外的任何其他路由时都不会显示。

/public/app-bundle.js - ＆gt; react/webpack束

/public/favicon - ＆gt;带有Favicon Assets的目录

/public/index.html - ＆gt;见下文

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

原文

I'm running a react / webpack application and the favicon does not show when loading any route of my app other than the index ("/").

/public/app-bundle.js --> react/webpack bundle

/public/favicon --> directory with favicon assets

/public/index.html --> see below

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一个人练习一个人 2025-01-28 21:42:34

请考虑该页面将从服务器请求页面，而不是从文件系统中请求页面，

因此请删除“”。在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" />

请记住，如果从slash（“/”）开始意味着如果不是相对baseurl在哪里，则从服务器根中获取。

Please consider the page will request pages from the server, not from the filesystem

So remove "." before on 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" />

Remember if starting with slash ("/") means get from server root if not relative where baseUrl is.

回复收藏 0 原文

~没有更多了~