Поменять favicon Vuejs?

Question

Как поменять значок в CLI Vuejs?

<link rel="shortcut icon" type="image/png" href="/src/assets/img/jinane-logo-JC.png"/>

Answer 1

(function() {
    var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = 'http://www.stackoverflow.com/favicon.ico';
    document.getElementsByTagName('head')[0].appendChild(link);
})();

Answer 2

если вы используете vue cli2, поместите ваш код в статические файлы и измените <link rel="shortcut icon" type="image/png" href="static/jinane-logo-JC.png"/> или вы используете vue cli3, поместите ваше изображение favicon в публичный файл и измените его в index.html публично <link rel="icon" href="<%= BASE_URL %>jinane-logo-JC.png">

Answer 3

Vue CLI (3.0.5) генерирует проекты с каталогом <root>/public, содержащим favicon.ico и index.html (который ссылается на favicon.ico).

Кажется, у вас есть иконка в <root>/src/assets. Я рекомендую переместить его на <root>/public, заменив favicon.ico на jinane-logo-JC.png и обновив index.html соответственно:

<!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> --> <!-- REPLACE THIS -->
<link rel="icon" href="<%= BASE_URL %>jinane-logo-JC.png">