2017-04-13 59 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">