favicon.ico請求處理
阿新 • • 發佈：2018-12-28
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>