为什么网站图标仅显示在根页面中？

【问题标题】：Why is the favicon only shown in the root page?为什么网站图标仅显示在根页面中？
【发布时间】：2022-12-28 20:29:20
【问题描述】：

我在文件夹 src 中有一个反应应用程序和一个图标图标。只显示根路径，其他页面找不到。在开发人员工具中，它显示子页面的错误路径，它尝试从 http://localhost:3000/faq/src/favicon.ico 获取图标

索引.html

<link rel="icon" type="image/svg+xml" href="src/favicon.ico">

它适用于 http://localhost:3000/ 但不适用于

http://localhost:3000/faq

【问题讨论】：

【解决方案1】：

最好将您的favicon 放在您的公共目录下。

|
 `--- public
     |
      `--- favicon.ico

然后在你的 index.html 文件中引用它，如下所示：

<link rel="icon" href="/favicon.ico" />

在 React 中，您还可以执行以下操作：

<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />

【讨论】：