Я получаю ошибку favicon.ico
Я скачал IDE Netbeans для кодирования в HTML. Я новичок в этом. Когда я запускаю свой код, открывается Chrome, и все работает просто отлично. Я получаю какую-то ошибку в Output - Browser Log.
Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico
Как мне это исправить?
20 ответов
У меня была эта ошибка в течение некоторого времени. Это может быть какая-то ошибка в netbeans, связанная с соединителем netbeans. Я не могу найти упоминания о favicon.ico в моем коде или в настройках проекта.
Я смог это исправить, поставив следующую строку в head раздел моего HTML-файла
<link rel="shortcut icon" href="">
В настоящее время я использую это в своей среде тестирования, но я бы удалил ее для любой производственной среды.
Принятый ответ не сработал для меня, мне пришлось добавить значение в атрибут href:
<link rel="shortcut icon" href="#" />
Принятый ответ не работал для меня, поэтому я нашел это решение.
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
Смотрите ссылку для получения дополнительной информации.
Ответы выше не сработали для меня. Я нашел очень хорошую статью для Фавикон, объясняющую:
- что такое фавикон;
- почему Favicon.ico отображается как 404 в файлах журнала;
- почему вы должны использовать Favicon;
- как сделать Favicon, используя FavIcon из Pics или другого создателя Favicon;
- как заставить свой фавикон показывать.
Поэтому я создал Favicon, используя FavIcon from Pics, Поместите его в папку (с именем favicon) и добавьте этот код в <head> тег:
<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">
Теперь нет ошибки, и я вижу мой Favicon:
favicon.ico - это значок сайта в строке заголовка вашего сайта. NETbeans не может найти файл favicon.ico в папке вашего сайта
если вы не хотите этого, вы можете удалить строку, похожую на эту, в разделе заголовка
<link rel="shortcut icon" href="favicon.ico">
или если вы хотите использовать значок для строки заголовка, вы можете использовать конвертер иконок, чтобы сгенерировать изображение.ico, сохранить его в папке вашего веб-сайта и использовать приведенную выше строку в разделе заголовка.
Для меня ответ тоже не сработал, но это нормально работает:
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
Вы можете предоставить собственное изображение и ссылаться на него в голове, например:
<link rel="shortcut icon" href="images/favicon.ico">
Кроме того, будьте осторожны, чтобы ваше местоположение не было ошибочным. Учебный пример:
Моя индексная страница была во временной подпапке с именем LAYOUTS. Чтобы добраться до favicon.png из папки IMAGES, которая была дочерней по отношению к папке LAYOUTS, я должен был указать путь в моем href, как этот
href="../images/favicon-32x32.png"
Двойные периоды необходимы для навигации по папке "вверх", затем косая черта + images Строка возвращает вас в папку с изображениями (выполняя "переход" ветки дерева), и, наконец, вы получаете ссылку на файл, написав favicon-32x32.png,
Это объяснение полезно для тех, кто начинает с нуля, и было бы полезно увидеть его пару раз, так как я забуду, что у меня есть определенные *.php файлы вне папки LAYOUTS, для которых нужны были разные ссылки на дерево в моих ссылках, из раздела HEAD каждой страницы.
Ссылка путь к вашему изображению favicon соответственно.
Добавьте этот код в индекс своей страницы
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">
Эта проблема возникает, когда вы не объявляете в верхней части вашего HTML-файла в HEDER этот тег.
<link rel="icon" href="your_address_icon" type="image/x-icon">
Конфигурация сервера Nginx
Если вы развертываете свое приложение на сервере с Nginx, вы можете использовать следующий файл конфигурации в качестве отправной точки для настройки вашего веб-сервера. Скорее всего, этот файл нужно будет настроить в зависимости от конфигурации вашего сервера. Если вам нужна помощь в управлении вашим сервером, рассмотрите возможность использования собственной службы управления и развертывания сервера Laravel.
server {
listen 80;
listen [::]:80;
server_name example.com;
root /srv/example.com/public;
add_header X-Frame-Options "SAMEORIGIN";
add_header X-Content-Type-Options "nosniff";
index index.php;
charset utf-8;
location / {
try_files $uri $uri/ /index.php?$query_string;
}
location = /favicon.ico { access_log off; log_not_found off; }
location = /robots.txt { access_log off; log_not_found off; }
error_page 404 /index.php;
location ~ \.php$ {
fastcgi_pass unix:/var/run/php/php8.0-fpm.sock;
fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
include fastcgi_params;
}
location ~ /\.(?!well-known).* {
deny all;
}
}
отредактируйте эти строки в доступных для сайта в ваших файлах.
location = /favicon.ico { access_log off; log_not_found off; }
location = /robots.txt { access_log off; log_not_found off; }
Оптимизация - Оптимизация автозагрузчика
При развертывании в рабочей среде убедитесь, что вы оптимизируете карту автозагрузчика классов Composer, чтобы Composer мог быстро найти нужный файл для загрузки для данного класса:
composer install --optimize-autoloader --no-dev
спасибо!
Если фавикон находится в корне:
<link rel="shortcut icon" href="../favicon.ico" />
Это кошмар, поскольку каждый браузер / устройство обрабатывает его по-разному.
Генератор фавиконов очень помогает мне в тех приложениях, где нам нужно охватить максимально возможные сценарии.
https://realfavicongenerator.net/
Вам просто нужно изображение PNG 260px x 260px (как минимум), и оттуда генератор создаст все необходимые ссылки на вашей веб-странице.
Вам просто нужно добавить эти ссылки и изображения в свое приложение.
Попробуйте добавить «значок» в таблицу стилей. Возможно, это решит вашу ошибку «favicon.ico:1 не найден»
ИЛИ Сначала попробуйте понять, что такое значок. введите описание изображения здесь УСТАНОВИТЕ файл значка вашего любимого изображения в вашей папке. Вы можете создать свой значок с помощью «https://favicon.io/favicon-generator/».
У меня была странная ситуация. Моя работала нормально и внезапно остановилась с этим сообщением об ошибке. У меня уже было объявление заголовка. Так что я был глупо объяснил, почему это не работает.
<link rel="shortcut icon" href="favicon.png">
Я могу сказать, что практически ни у кого на сайте не было проблем. Единственное, что исправило для меня, - это перезапустить службу Apache, и все снова стало хорошо.
если ничего не работает, попробуйте и посмотрите, что произойдет.
у меня возникла та же проблема (используя тимелеаф), которую я решил, загрузив ссылку начальной загрузки, которую я использую в своем html, в свой проект spring-boot, когда вы наводите указатель мыши на ссылку и вашу IDE (пс:intellij лучше всего) предложит вам загрузить и решить проблему
Я скопировал favicon.ico в папку с ресурсами, и он у меня сработал.
В случае, если кто-то еще столкнется с ошибкой 403 после загрузки пакета favicon, мне нужно изменить права доступа к новой папке / файлу favicon на 755, чтобы у Apache было разрешение на чтение файла.
В Angular раньше у нас было .angular-cli.json файл, который ссылался на favicon.ico. Если вы обновитесь до одной из более новых версийAngular тогда у тебя будет angular.jsonвместо. Для этих более новых версий вы должны указать путь к значку в вашемindex.html Отныне.
Я получал ту же ошибку значка избранного - 404 (не найдено). Я использовал следующий элемент в<head> элемент моего файла index.html и исправил ошибку:
<link rel="icon" href="data:;base64,iVBORw0KGgo=">