react添加图标favicon.ico

如果将文件放入 public 文件夹,Webpack 将 不会 处理它。相反,它将被复制到构建文件夹中。要引用 public 文件夹中的资源,需要使用名为 PUBLIC_URL 的特殊变量。

<link rel="icon" href="%PUBLIC_URL%/favicon.ico" type="image/x-icon">  

注意:

1、favicon.ico 或者 png 等其他格式的图片,必须放在 public 文件夹下(也就是跟 index.html 同级)

2、设置 favicon 后发现浏览器里的图标并没有改变,可能是缓存问题,需要强制清除缓存。

官方文档详细解释:https://www.html.cn/create-react-app/docs/using-the-public-folder/