网站显示错误的图像

Question

我有一个单页的静态网站。我的网站显示的图像与HTML中引用的图像不同。例如：

<img src="img/About_Us_Graphic.png" alt="About us photo" id="aboutUsPic" style="margin: auto;">

有时会显示为实际

的图像

<img src="img/Facebook_icon.png"> 

这种情况几乎是随机发生的。有时图片是正确的，有时他们是完全不同的图片。当它是错误的图片时，它并不是一致的错误图片。是什么导致这个？我该如何解决？

我的网站使用了Foundation 5（不确定是否相关）。谢谢！

Answer 1

我发现情况类似于你所描述的那种情况是少数原因之一的症状：

1. 有人在您不知情的情况下修补网站上的内容。询问您的团队成员是否知道有人可能会这样做。

2. 您的客户端缓存正在接管。要解决此特定问题，请转到浏览器并清除临时文件。有时您还必须清除cookie和其他历史项目。

3. 客户端代理。有时，代理服务器会存储其服务的缓存，以减少其请求的负载。当它们以循环方式工作时，代理圈内的不同服务器可能具有不匹配的内容。 * https://en.wikipedia.org/wiki/Load_balancing_(computing)

4. 负载均衡的Web服务器。我已经看到一些情况，负载均衡内容的服务器将保留数据。在我的特定场景中，使用了一个内存缓存，并且看起来会保留内容，直到其索引被刷新。

如果没有关于您的设置的更多信息，那么任何人都无法做到。正如oxguy3建议的那样 - 你的代码中甚至可能会出现这种情况。

请尝试直接在浏览器中输入图片的网址，看看它是否一致相同，然后尝试使用“someArbitraryText”的相同网址，其中“someArbitraryText”只是一些随机字符。

E.G。而不是“http://my.server.com/img/About_Us_Graphic.png”，请使用“http://my.server.com/img/About_Us_Graphic.png?arbitrary”。我遇到的大多数服务器仍然会为图像提供服务，但是如果涉及到负载均衡器，代理或内存缓存，它会认为这是一个不同的URL，并从源而不是某些缓存文件中加载它。

我见过一些案例（比如在salesforce云上）这样做会带来不同的结果。

让我们知道你发现了什么。任何一点线索都可以帮助某人识别并确定根本原因。