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

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

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

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

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

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

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

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