vue项目发布后禁止 favicon.ico 请求

Posted 晚星@

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目发布后禁止 favicon.ico 请求相关的知识,希望对你有一定的参考价值。

favicon.ico 图标用于收藏夹图标和浏览器标签上的显示,如果不设置,浏览器会请求网站根目录的这个图标,如果网站根目录也没有这图标会产生 404。出于优化的考虑,要么就有这个图标,要么就禁止产生这个请求。

在做 H5 混合应用的时候,不希望产生 favicon.ico 的请求。

可以在页面的 区域,加上如下代码实现屏蔽:

<link rel="icon" href="data:;base64,=">

或者详细一点

<link rel="icon" href="data:image/ico;base64,aWNv">

当然,既然是 dataURL 方式,IE < 8 等 old brower 就别想了 ╮(╯-╰)╭

以上是关于vue项目发布后禁止 favicon.ico 请求的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli 打包后显示favicon.ico小图标

node.js中为啥请求favicon.ico

Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题

Vue -- 解决favicon.ico:1 GET http://127.0.0.1:5500/favicon.ico 404 (Not Found)问题

在使用vue脚手架时为啥不能加载favicon.ico图标

如何防止 favicon.ico 请求?