小编Tho*_*mas的帖子

如何删除Vue中的硬编码图标?

我安装了带有 PWA 插件和 i18n 的 Vue CLI 3。

我删除了 /public/ 中的所有 Vue 图标文件(包括 /public/img/icons 中的 PNG),删除了 /src/assets 中的 logo.png 文件,删除了 /public/index 中的 link(rel=icon) 标签.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">
Run Code Online (Sandbox Code Playgroud)

这些文件都不存在,也没有在我的项目中的任何地方引用。最奇怪的是,即使删除了所有文件,默认的 Vue 图标仍然显示在我使用的任何浏览器中,所以它绝对不是客户端缓存的东西。

我怎样才能删除这些?

webpack vue.js webpack-dev-server vuejs2 vue-cli-3

6
推荐指数
1
解决办法
3947
查看次数

标签 统计

vue-cli-3 ×1

vue.js ×1

vuejs2 ×1

webpack ×1

webpack-dev-server ×1