获取 `favicon.ico` 错误,但在代码中找不到
Posted
技术标签:
【中文标题】获取 `favicon.ico` 错误,但在代码中找不到【英文标题】:Get `favicon.ico` error, but can not find it in the code 【发布时间】:2018-04-09 02:36:44 【问题描述】:当我在浏览器中运行我的项目时,我在浏览器控制台中收到“找不到favicon.ico
”错误:
加载资源失败:服务器响应状态为 404(未找到) :8080/favicon.ico
但是当我在 WebStorm 的整个项目中搜索 favicon
时,它什么也没找到:
【问题讨论】:
【参考方案1】:这是正常的。无论您是否在代码中声明它,Chrome 都会尝试在您的站点根目录中获取 favicon.ico 以将其显示在您的标签中。在您的情况下,它将尝试获取:http://localhost:8080/favicon.ico
根据Wikipedia article on Favicon,除了SeaMonkey之外的所有浏览器都会这样做
在过去,这是个性化浏览器图标的标准方式。现在,您可以为各种设备设置大量可能的图标:https://***.com/a/26768184/1375487
此外,您可以查看此答案,因为它建议了防止自动获取的方法:https://webmasters.stackexchange.com/a/34572
无论如何,最佳做法是为您的项目设置一个 favicon.ico。
【讨论】:
【参考方案2】:favicon.ico
是您网站标题栏上的图标。
浏览器在您的网站中没有找到它。
你应该把它提供给你的index.html
:
<link rel="shortcut icon" href="assets/images/favicon.ico">
您可以根据自己的情况更改路径。
【讨论】:
以上是关于获取 `favicon.ico` 错误,但在代码中找不到的主要内容,如果未能解决你的问题,请参考以下文章
为啥我的 GAE 仪表板中有 favicon.ico 错误?
无法在重新加载页面上获取 /login Angular 8 - 拒绝加载图像“/favicon.ico”,因为它违反了以下内容安全策略