本地和远程的 Favicon 错误 404，favicon.ico 目录在 git 仓库中自动生成

Question

在 Firefox 和 Chrome 中，浏览器将无法识别我的网站图标，在本地主机和远程站点上的所有网站图标文件的网络面板中抛出 404 错误。

我所有的网站图标都位于 /favicon。当我导航到 mywebsite.com/favicon/favicon.ico 和 localhost:5000/favicon/favicon.ico 时，我收到错误 404。即使我关闭了本地和远程网站的所有选项卡，完全清除了浏览器缓存，然后关闭并重新打开，情况仍然如此浏览器。 Firefox 和 Chrome.

中的问题相同

出于某种原因，正在生成一个名为 favicon.ico 的目录，无论我将其从本地和远程存储库中删除多少次。 里面是一个新 manifest.json，与 /favicon.

中的 manifest.json 相同

我的索引文件位于 /static/index.html index.html 标题中的链接是：

  <link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon">
  <link rel="icon" type="image/png" sizes="192x192"  href="/favicon/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">   
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
  <link rel="manifest" href="/favicon/manifest.json">

Favicon 和 html 生成于 favicon-generator。我添加了 /favicon 作为所有文件的前缀，因为它们保存在 /favicon 而不是 root.

这个问题在过去的 7 年里已经被问过和回答过好几次了，但我再次提出这个问题是因为 none 的解决方案对我有用。

Answer 1

我的问题是目录结构问题，并且不知道根目录在哪里。根据@GracefulRestart的建议，我将/favicon从顶级目录移动到/static，作为网站根目录。

所以，损坏的配置是：

/mywebsite
    -- /favicon
        -- favicon.ico
        -- manifest.json
    -- /static
        -- index.html
        -- manifest.webmanifest

将 /favicon 移动到 /static 解决了问题：

/mywebsite
    -- /static
        -- index.html
        -- manifest.webmanifest
        -- /favicon
            -- favicon.ico
            -- manifest.json

仍然不能 100% 确定 /favicon.ico 目录是如何以及为什么在第一个损坏的配置中自动生成的。

本地和远程的 Favicon 错误 404，favicon.ico 目录在 git 仓库中自动生成

Favicon error 404 for local and remote, favicon.ico directory automatically generated in git repo

html

favicon

web-manifest