Samenvatting
Na het maken van een eenvoudige HTML-sjabloon voor testdoeleinden, zonder favicon.ico, ontvang ik een foutmelding in de console “Kan bron niet laden: de server reageerde met de status 404 (niet gevonden)” | “http://127.0.0.1:47021/favicon.ico“.
Ik probeer te achterhalen waar deze fout vandaan komt en vroeg me af of iemand ideeën had om me in de goede richting te wijzen.
Mijn HTML-pagina ziet er als volgt uit:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Simple JavaScript Tester 01</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>
Als ik deze pagina in de Chrome-browser start en de console open, zie ik de foutmelding “Kan bron niet laden: de server reageerde met de status 404 (niet gevonden)” | “http://127.0.0.1:47021/favicon.ico“. Ik stel dit op een lokale server IIS in werking. Elke keer als ik een nieuwe pagina maak, krijg ik dezelfde foutmelding.
Is het mogelijk dat deze fout van een andere pagina op mijn IIS-server komt waarvan ik niet op de hoogte ben?
Antwoord 1, autoriteit 100%
Google favicon-generator en maak een pictogram. Noem het favicon.ico en zet het in je webroot.
Kijk of dit helpt.
Hier is ook een tutorial over favicon: https://www.w3.org/ 2005/10/howto-favicon
Antwoord 2, autoriteit 90%
Door dit toe te voegen aan het gedeelte Header, verwijdert u de fout in het console-logboek:
<link rel="shortcut icon" href="">
Van Chrome 2020 Dit is de oplossing:
<link rel="shortcut icon" href="#">
Antwoord 3, Autoriteit 192%
Omdat uw browser altijd op zoek is naar de Favicon.ico, zelfs als u het niet opgeeft binnen uw HTML.
Dus ik zou het voorstellen voor het maken van één en het plaatsen van het in de wortel van uw website.
Antwoord 4, Autoriteit 46%
U kunt dit toevoegen aan uw <head>TAG
<link rel="shortcut icon" href="#">
werkt voor mij
Antwoord 5, Autoriteit 8%
<link rel="shortcut icon" href="~/favicon.ico">
U kunt niet daadwerkelijk de browsers stoppen die de afbeelding aanvragen. Als u echter een Favicon heeft, kan deze in de cache worden opgeslagen door de browser die het aantal verzoeken binnenkomt, dus als u de Favicon hebt in de hoofdmap van de toepassing moet de bovenstaande link
Antwoord 6
Ik heb geconfronteerd met het probleem met behulp van hoekig. Ik heb Favicon.ico van SRC-map verplaatst naar Assets / IMG en gewijzigd Href in Link-tag in Index.html:
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">
Ik heb ook SRC / Favicon.ico uit Angular.json Builder-opties verwijderd.