J'ai créé un vue webpack projet à l'aide d' vue-cli.
vue init webpack myproject
Et puis a couru le projet en vertu de l' dev mode:
npm run dev
J'ai eu cette erreur:
Échec du chargement de la ressource: le serveur a répondu avec un statut de 404 (Non Trouvé) http://localhost:8080/favicon.ico
Donc, à l'intérieur webpack, comment importer de la favicon.ico correctement?
Découvrez le Projet de la Structure de webpack modèle: https://vuejs-templates.github.io/webpack/structure.html
Notez qu'il y a un statique dossier, avec node_modules, src, etc.
Si vous mettez une image dans l' static le dossier, comme favicon.png, elle sera disponible à http://localhost:8080/static/favicon.png
Voici la documentation de la statique des actifs: https://vuejs-templates.github.io/webpack/static.html
Pour votre favicon problème, vous pouvez mettre un favicon.ico ou favicon.png dans la static le dossier et le renvoyer dans l' <head> de votre index.html comme suit:
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/png" href="http://stackoverflow.com/static/favicon.png"/>
<title>My Vue.js app</title>
...
</head>
Si vous ne définissez pas un favicon.ico votre index.html, alors que le navigateur demande un favicon à partir de la racine du site (comportement par défaut). Si vous spécifiez un favicon comme ci-dessus, vous ne verrez pas que la 404 plus. Le favicon va également commencer à apparaître dans votre navigateur onglets.
Comme une note de côté, ici, c'est la raison pour laquelle je préfère le PNG au lieu de fichier ICO:
favicon.png vs favicon.ico - pourquoi devrais-je utiliser le format PNG au lieu de ICO?
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
