Comment charger un favicon avec Meteor

J'essaie de comprendre comment ajouter une favicon pour mon application de météore. Pour les docs, je devrais le mettre dans la /public répertoire, mais il n'y a pas vraiment beaucoup plus d'infos que ça. J'ai mis mon favicon.ico fichier et de le référencer dans l'en-tête de mon fichier html, mais le navigateur ne prend pas en charge. Si j'ouvre les outils de dev sur chrome si, il montre le chargement de fichiers (c'est à dire, aller à localhost:3000/favicon.ico). Quelqu'un a des suggestions sur ce que je pourrais être absent?

InformationsquelleAutor bgmaster | 2013-11-18
  1. 42

    Il devrait fonctionner. Sans doute un problème avec le chemin d'accès ou de mise en cache sur localhost.

    Voici comment le favicon doivent être liées:

    <link rel="icon" sizes="16x16 32x32" href="/favicon.ico?v=2">

    (Note: le / au début; son important!)

    • Si vous passez directement à http://localhost:3000/favicon.ico dans votre navigateur pendant que votre application est en cours d'exécution, ne voyez-vous votre favicon?
    • Si je voulais aller à localhost:3000/favicon.ico, je voudrais voir l'image. Il semble bien que l'ajout de "?v=2" pour le href, il fixe. Pourriez-vous expliquer ce que cela fait? Je n'ai jamais eu besoin d'elle dans le passé.
    • Que "?v=2" est un cache-busting hack. Parfois, les navigateurs cache de façon plus agressive que vous voulez de sorte que le "?v=2" rend le navigateur pense que ses une URL différente et redownloads le fichier. Si vous apportez des modifications à votre favicon, vous pouvez le changer de nouveau, quelque chose comme "?v=3".
    • Gotcha, qui fait sens. Merci!
    • Vous pouvez également voir ce comportement de mise en cache avec d'autres ressources (fichiers js, images, etc) en fonction de ce que les en-têtes du serveur envoie. Ce lien a une belle vue d'ensemble: devcenter.heroku.com/articles/...
    • n'oubliez pas de redémarrer votre serveur meteor pour voir les résultats.
    • Merci beaucoup !! 4years après il m'a sauvé la vie

    InformationsquelleAutor alanning
  2. 4

    Pas sûr de ce que votre chemin est comme. Tout dans le dossier public est giflé ensemble et accessible à la racine, donc peut-être essayer /favicon.png.

    InformationsquelleAutor Daniel Bernhard
  3. 2

    J'ai ajouté le favicon.ico dans le dossier /public/répertoire de mon projet meteor et il a révélé pour moi!

    ne pas avoir à ajouter des lignes de code

    également si son problème de mise en cache peut-être renommer le favicon.ico à favicon2.ico

    • Si n'est pas vers le haut, c'est probablement parce que l'autre favicon est toujours mis en cache. Utiliser le ubiquitaire utilisé hack où vous mettez v=2 comme une chaîne de requête, comme dans la réponse.
    InformationsquelleAutor sandman