favicon.ico请求处理

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

在做 H5 移动端应用的时候，不希望产生 favicon.ico 的请求。

可以在页面的 <head> 区域，加上如下代码实现屏蔽：

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

或者详细一点

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

当然，既然是 dataURL 方式，IE < 8 等 old browser 就不适用了

转载自：https://www.jianshu.com/p/e2fc292e9bf5

在项目中使用node.js请求favican.ico的时候会出现2条请求，浪费资源，经过一番改进，记录下来过程，以后注意。

代码如下:

 
   var http=require("http");
 var server=http.createServer();
 server.on("request",function(req,res){5         console.log(req.url);
     res.end();
 });
 server.listen(1337,"127.0.0.1"); 
  

这样的代码在请求时会出现两条请求:

第一条时URL地址为用户输入的客户端请求的目标URL地址,"/"代表用户的目标url地址为web应用程序的根目录.

第二个目标URL地址问浏览器为页面在收藏夹中的显示图标.默认为favicon.ico.而自动发出的请求的目标URL地址.

可以对上面的代码做修改后屏蔽这样的请求

代码如下:

 
   var http=require("http");
 var server=http.createServer();
 server.on("request",function(req,res){
     if(req.url!=="/favicon.ico")
         console.log(req.url);
     res.end();
 }); 
  

转载自：https://www.jb51.net/article/58525.htm

我的示例html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <link rel="icon" href="data:;base64,=">
    <!-- <link rel="SHORTCUT ICON" href="111(这里面的内容就是默认请求的，只要rel值里面带icon关键字好像就可以)"> -->
    <title>Document</title>
</head>
<body>
    review.html
</body>
</html>

favicon.ico请求处理

猜你喜欢