Как убрать жестко запрограммированный значок в Vue? - PullRequest
Новая
       21

Как убрать жестко запрограммированный значок в Vue?

1 голос
/ 24 марта 2019

У меня установлен Vue CLI 3 с плагином PWA, а также i18n.

Я удалил все файлы значков Vue в / public / (включая PNG в / public / img / icons), удалилФайл logo.png в / src / assets, удалил тег link (rel = icon) в /public/index.html, изменил manifest.json, чтобы удалить любую ссылку на существующие файлы значков Vue, очистил кеш браузера и все же при загрузкеНа этой странице я все еще получаю жестко закодированные теги ссылок в моем DOM: 

<link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
<link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png">
<link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87">
<meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png">

Ни один из этих файлов не существует, и ни на один из них нет ссылок нигде в моем проекте.Самое странное в этом то, что значок Vue по умолчанию все еще отображается в любом браузере, который я использую, даже после удаления ВСЕХ файлов, так что это определенно не вещь кеша на стороне клиента.

Как я могу удалить их

1 Ответ

2 голосов
/ 24 марта 2019

Я только что понял, что мне нужно отредактировать свой vue.config.js и добавить что-то вроде: 

    pwa: {
        name: 'Test',
        iconPaths: {
          favicon32: '(any icon file here)',
          favicon16: '(any icon file here)',
          appleTouchIcon: '(any icon file here)',
          maskIcon: '(any icon file here)',
          msTileImage: '(any icon file here)'
        }
    }

, чтобы переопределить настройки по умолчанию (см. https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa)

...