Favicon只出现在Chrome中

Question

在这里您可以看到Chrome，Firefox和IE（干净的历史记录）打开同一页面：

我正在使用Webpack，这就是我插入favicon的方式：

webpack.dev.conf.js：

new HtmlWebpackPlugin({
  filename: 'index.html',
  favicon: 'favicon.ico',
  template: 'src/index.html',
  inject: true
})

webpack.prod.conf.js：

new HtmlWebpackPlugin({
  filename: '../index.html',
  favicon: 'favicon.ico',
  template: 'src/index.html',
  inject: true,
  minify: {
    // minify code

输出：<link rel="shortcut icon" href="/static/favicon.ico">打开正常：http://vrviewer.istaging.co/static/favicon.ico

我真的很困惑。

以下是一个实例：http://vrviewer.istaging.co/#!/564810

编辑： A favicon是我的一个npm模块的首选项：https://aframe.io/。但我不知道它是如何实现的。

编辑2：我将favicon放在我清理浏览器缓存的根文件夹中，但我仍然遇到同样的问题：

Answer 1

有些浏览器根本没有注册rel =“快捷图标”。

将favicon.ico放在您网域的根目录中，这样浏览器就会一直默认找到它。

来源：https://mathiasbynens.be/notes/rel-shortcut-icon