web-tip.top
WTT

404 помилка при відкритті favicon.ico в OctoberCMS

23.02.2024

При розміщенні favicon.ico, site.webmanifest, robots.txt та інших файлів в корені сайту в консолі браузера ви зможете побачити що вони віддають 404 помилку. Відбувається це тому, що OctoberCMS блокує доступ до всіх файлів в корені сайту.

Щоб це виправити, необхідно відредагувати файл .htaccess (знаходиться він також в корені). В .htaccess необхідно знайти блок з назвою White listed folders і прямо перед рядком RewriteRule !^index.php index.php [L,NC] додати наступний код:

RewriteCond %{REQUEST_FILENAME} !android-chrome-192x192.png
RewriteCond %{REQUEST_FILENAME} !android-chrome-512x512.png
RewriteCond %{REQUEST_FILENAME} !apple-touch-icon.png
RewriteCond %{REQUEST_FILENAME} !browserconfig.xml
RewriteCond %{REQUEST_FILENAME} !favicon.ico
RewriteCond %{REQUEST_FILENAME} !favicon-16x16.png
RewriteCond %{REQUEST_FILENAME} !favicon-32x32.png
RewriteCond %{REQUEST_FILENAME} !mstile-70x70.png
RewriteCond %{REQUEST_FILENAME} !mstile-144x144.png
RewriteCond %{REQUEST_FILENAME} !mstile-150x150.png
RewriteCond %{REQUEST_FILENAME} !mstile-310x150.png
RewriteCond %{REQUEST_FILENAME} !mstile-310x310.png
RewriteCond %{REQUEST_FILENAME} !safari-pinned-tab.svg
RewriteCond %{REQUEST_FILENAME} !site.webmanifest
RewriteCond %{REQUEST_FILENAME} !robots.txt

Для створення favicon я рекомендую використовувати сервіс realfavicongenerator.net, який генерує різні розміри favicon для різноманітних девайсів.