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

Question

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

获取图标

index.html

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

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

http://localhost:3000/faq

Answer 1

您应该将您的网站图标放在 public 目录下

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

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

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

Why is the favicon only shown in the root page?