火力基地部署后未加载网站图标答案

【问题标题】：favicon not loaded after firebase deployment火力基地部署后未加载网站图标
【发布时间】：2016-09-02 03:40:11
【问题描述】：

您好，为什么 favicon.ico 没有加载到已部署的站点中？

我的 index.html 头中有

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

从我的公共目录加载 index.html 时，图标加载正常。

但是，在“firebase deploy”之后，图标不会加载。

有什么帮助吗？

【问题讨论】：

检查浏览器的网络选项卡，是否正在请求网站图标。网站图标不会立即加载。
不，它不会出现在网络选项卡中，但会显示在元素选项卡中
如果它没有显示在网络标签中，浏览器没有请求它。
好的，但它确实请求并在未部署的版本中显示它...？
我还看到了另一件事，在“元素”选项卡中，我看到 ==$0 ... 如果我去控制台并输入 console.log($0) I get" ... this ==$0 出现在本地（未部署）版本中的正文旁边跨度>

标签： firebase

【解决方案1】：

由于某种原因，子目录中的图标失败。将其移至根目录即可解决此问题。

【讨论】：

【解决方案2】：

你可以试试下面的：

您的图标应该在公共文件夹中：

yourproject_name/public/favicon.ico

并在您的 index.html 文件中使用它

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

编码愉快！

【讨论】：

【解决方案3】：

答案是稍等片刻，或者使用另一个网络浏览器。我在 Chrome 上也遇到了同样的问题，但图标在 Firefox 或 Brave 上显示得很好。 编码愉快！

【讨论】：