时间戳

首页 > 解决方案 > 从 Vue 应用程序中完全删除 favicon

vue.js - 从 Vue 应用程序中完全删除 favicon

问题描述

我目前没有我的 Vue 应用程序的 favicon，并且想删除默认的图标。我注释掉了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。该页面仍然呈现初始的 favicon。我怎样才能删除它？

标签： vue.jswebpackvue-cli

解决方案

通常，当发生这种情况时，这是两件事之一

  1. 大多数浏览器会检查favicon.ico根文件夹中调用的文件并使用它，即使您没有将它包含在head标签中。

  2. 如果该文件已被删除，但您之前曾打开过该网站，那么它可能只是缓存在您的浏览器中。您可以通过在隐身/隐私浏览模式下打开网站来轻松检查。清除网站的浏览器缓存会将其删除。

推荐阅读