twitter-bootstrap - Favicon 和 bootstrap 图像与 IntelliJ/Tomcat 不正确

Question

我正在开发的网站有一些奇怪的问题。几天以来，我发现我的网站图标和其他一些图像已损坏。

我的图标是这样的:

如果我使用 bootstrap 3 glyphicons，我会得到如下信息: (背景是彩色的，问题出在白色方 block 上)。

我不知道为什么会这样，但它突然来了(可能改变了一些我不记得了)。我认为这可能是一个临时问题，过一段时间可能会恢复到原始图像。到目前为止还没有。现在最令人不安的是代码确实可以在服务器上运行。因此，当我将代码推送到存储库并重新部署时，网站会正确部署。所有图像都在工作:网站图标和字形图标。

所以我认为代码是正确的(否则它不会在服务器上运行)。这就是我没有粘贴任何代码的原因；但如果它可以是代码，我很乐意分享。那么我想问题可能出在我的本地测试环境上？我现在在 Linux 上结合使用 IntelliJ 13.1.4 和本地 Tomcat 7.0.54 实例。我没有使用最新版本，但在问题发生之前我没有更新。

我已经尝试使用不同的本地端口来绕过浏览器的缓存。但这没有帮助。在不同的浏览器中尝试它也无济于事。所以在我看来缓存不是问题。

如果我在 Chrome 中尝试，我只会在开发人员工具的网络选项卡中看到 glyphicons-halflings-regular.woff 和 glyphicons-halflings-regular.ttf 文件。这些只是 Bootstrap 3 字体目录中的 4 个文件中的两个(也是 .svg 和 .eot 文件)。这些文件是否也应该加载到谷歌浏览器中？还是这是正常的？

当我用 Maven 构建我的项目时，将生成的 war 复制到我的 Tomcat webapps 文件夹中，该网站看起来应该是这样(图像工作)。所以它必须对 IntelliJ 用来显示网站的临时文件夹做一些事情。

如果有人能帮助解决这个问题，我将不胜感激。好的，这并不是什么大问题，因为它正在生产服务器上运行；但这很烦人，我无法在我的本地计算机上完全测试该站点。

Answer 1

这里的问题是我使用 Maven 过滤器来解析文件。在解析过程中，文件有点变形。在我的本地机器上禁用过滤器解决了这个问题。