2017-04-13 61 views
1

我錯過了什麼嗎?這裏是我有:Favicon在快遞本地沒有顯示

var express = require('express'); 
var favicon = require('serve-favicon'); 
var path = require('path'); 

var app = express(); 

app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); 

app.use('/api', require('./routes/api')); 

app.listen(3000); 

我的圖標位於公共文件夾和相同的名稱中指定位置。我有一些其他路線分別在一個文件中設置。該favicon似乎沒有工作,我必須失去一些東西。

+0

開發者控制檯登錄瀏覽器是什麼? – Gntem

+0

它不顯示任何配對,它看起來好像一切似乎工作正常,只是該favicon不顯示。謝謝。 –

+0

當您的頁面加載時,請查看Chrome調試器中的網絡標記,並查看瀏覽器是否實際上從服務器請求了favicon.ico文件。如果是這樣,看看它回來的迴應。 – jfriend00

回答

0

檢查文檔的<head>部分中的內容。儘管瀏覽器可能會實現默認的favicon.ico行爲,但也可以通過<head>部分來控制它,方法是告訴瀏覽器您希望獲取favicon的文件/路徑,它是什麼類型的文件,不希望它找到一個favicon。

下面是介紹一些細節上的話題其他兩個引用:

Add Favicon to Website

Necessary to add link tag for favicon.ico?

0

Chrome緩存,沒有favicon。 favicon會顯示在製作中。

+0

我應該怎麼做才能在本地看到它? –

+0

@BabaganaZannah清除緩存的圖像和文件。 – skiilaa

+0

它並不幸運,即使清除我的緩存後。謝謝。 –

0

的瀏覽器可能會緩存舊的圖標。您可以強制瀏覽器通過向新的favicon添加版本來刷新緩存,如下所示:

<link rel="icon" href="favicon.ico?v=1.1">