Twitter bootstrap IntelliJ/Tomcat的Favicon和引导映像不正确

Twitter bootstrap IntelliJ/Tomcat的Favicon和引导映像不正确,twitter-bootstrap,tomcat,intellij-idea,twitter-bootstrap-3,intellij-13,Twitter Bootstrap,Tomcat,Intellij Idea,Twitter Bootstrap 3,Intellij 13,我正在开发的网站有一些奇怪的问题。几天之后,我看到我的favicon和其他一些图像被破坏了 我的favicon看起来像这样: 如果我使用bootstrap 3图标,我会得到如下结果: (背景是彩色的,问题出在白色的正方形上) 我不知道这是为什么,但它突然出现了(可能改变了一些我已经记不起来的事情)。我想这可能是一个暂时的问题,过一段时间它可能会回到原始图像。到目前为止还没有。 现在最令人不安的是,代码在服务器上确实有效。因此,当我将代码推送到repo并重新部署时,网站将正确部署。所有图像都在工

我正在开发的网站有一些奇怪的问题。几天之后,我看到我的favicon和其他一些图像被破坏了

我的favicon看起来像这样:

如果我使用bootstrap 3图标,我会得到如下结果: (背景是彩色的,问题出在白色的正方形上)

我不知道这是为什么,但它突然出现了(可能改变了一些我已经记不起来的事情)。我想这可能是一个暂时的问题,过一段时间它可能会回到原始图像。到目前为止还没有。 现在最令人不安的是,代码在服务器上确实有效。因此,当我将代码推送到repo并重新部署时,网站将正确部署。所有图像都在工作:favicon和Glyph图标

因此,我认为代码是正确的(否则它在服务器上无法工作)。这就是我没有粘贴任何代码的原因;但如果它可以是代码,我很乐意与大家分享。那么我猜问题可能是我的本地测试环境?我现在在Linux上使用Intellij13.1.4,并结合本地Tomcat7.0.54实例。我没有使用最新版本,但在问题发生之前我没有更新

我已经尝试使用不同的本地端口,以绕过浏览器的缓存。但那没用。在不同的浏览器中尝试也没有帮助。因此,在我看来,缓存不是问题所在

如果我在Chrome中尝试,我只会在开发者工具的“网络”选项卡中看到glyphicons-halflings-regular.woff和glyphicons-halflings-regular.ttf文件。这些只是Bootstrap3的fonts目录中4个文件中的2个(也是.svg和.eot文件)。这些文件也应该加载到Google Chrome中吗?还是这很正常

当我用maven构建我的项目时,将生成的war复制到我的Tomcat webapps文件夹中,网站看起来应该是这样的(图像工作正常)。因此,它必须处理IntelliJ用来显示网站的临时文件夹


如果有人能帮忙解决这个问题,我将不胜感激。好的,这不是什么大问题,因为它在生产服务器上工作;但我不能在本地机器上完全测试该站点,这相当令人恼火。

这里的问题是我使用了maven过滤器来解析文件。在解析过程中,文件有点失真。禁用本地计算机上的筛选器解决了问题。

检查提供这些图像的内容类型。这些图像可能因任何原因发生了更改。我如何检查?如果我签入我的文件浏览器(Thunar),我会在某些文件的“类型”列中得到一个“未知”。但是,当我手动将WAR放入Tomcat文件夹时,这些就不应该起作用了?因为这样我就能正确地看到图像了。用谷歌浏览器试试这个。按F12键,打开网络选项卡并重新加载站点。这应该会显示请求属性。my favicon的类型是image/x-icon,所以听起来不错。Bootstrap 3的图像,我真的找不到,因为它们使用了更大的图像。.woff和.ttf分别提供以下类型:x-font-woff和x-font-ttf。奇怪的是,我希望在Chrome中看到.svg,但在那里我看不到它。。。