Почему не отображается favicon.ico на хостинге?

Question

[maxemga]

Устанавливаю favicon.ico и при локальном развертке все работает отобаражается, но на хостинге иконка не отображается, смотрю в network и вижу, что как бы ты не менял путь в index.html and manifest то образение всегда идет к /favicon.ico, хотя локально например /favicon/favicon.ico

в public лежат иконки и index.html and manifest

index.html:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />

manifest:

"icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],

Answer 1

[Valeri Tsvetkov]

У Вас не прописан путь к favicon.ico ни в index.html, ни в site.webmanifest.

Comments

[maxemga]

Да, это я случайно новую версию скинул где вместо .ico - .png

Но сути это все равно не меняет, локально запрашивается localhost:8080/favicon-32x32.png и иконка отображается, а на хостинге нет

[Valeri Tsvetkov]

maxemga, возможно, сервер перенаправляет статику в какую-то папку, т.е. есть правило, что все файлы .png, .jpeg, .ico перенаправлять.

Answer 2

[jecorey]

многие браузеры по умолчанию сразу запрашивают /favicon.ico поэтому не обращайте на это внимание
сделайте как написано здесь и все должно заработать. Кеш весь тоже не забудьте почистить