从 Vue 应用程序中完全删除网站图标

Question

我目前没有适用于我的 Vue 应用程序的图标，我想删除默认图标。我注释掉了 public/index.html 文件中的相关行

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico" /> -->
    <title>My Vue app</title>
  </head>
  <!-- ... body code ... -->
</html>

和运行npm run serve。该页面仍然呈现初始的图标。我怎样才能删除它？

Answer 1

通常发生这种情况是两种情况之一

大多数浏览器会在根文件夹中检查名为 favicon.ico 的文件并使用它，即使您没有将其包含在 head 标记中也是如此。
如果文件已被删除但您之前打开过该网站，那么它可能只是缓存在您的浏览器中。您可以通过以 incognito/private 浏览模式打开网站轻松查看。清除网站的浏览器缓存会将其删除。

Answer 2

实际上，在尝试更改我的网站图标失败后，我在检查 vuejs <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon.png"> 后添加了这一行，因此，这次 favicon.png 是针对我自己的图像。

从 Vue 应用程序中完全删除网站图标

completely remove the favicon from Vue app

webpack

vue.js

vue-cli