图像卡住 - src/ng-src 的“待定”网络状态答案

【问题标题】：image stuck - 'pending' network status for an src/ng-src图像卡住 - src/ng-src 的“待定”网络状态
【发布时间】：2013-06-13 19:04:17
【问题描述】：

我正在编写一个应用程序，其数据具有多个图像链接，我将其分配给 ng-src（Angular 的 src 指令）。每隔一段时间，图像就会卡住，我会在网络调试选项卡上看到“待定”状态。大约一分钟左右，图像就收到了。在同一分钟，我将图片 URL 放入不同的浏览器中，然后立即显示图片

有什么想法吗？

非常感谢利奥

【问题讨论】：

没有答案，但您是否尝试过在本地和服务器上运行它？行为是否相同？我想知道是否有可能实际上是服务器端错误，也许您需要调查服务器日志。
感谢@shaunhusain 图像托管在服务器上 - 这是一个给定的架构......是的，我要调查日志。但想知道是否有任何线索
出现“挂起”消息时是否有任何其他网络连接到服务器？听起来网络堆栈正在等待免费连接。检查服务器日志将揭示请求实际到达服务器的时间以及服务器发送响应所需的时间，这将有很大帮助。
是的，走那条路。它也发生在 IE 和 FF 上，因此它表明这是一个服务器问题。谢谢
我也遇到了同样的问题。整个网站正在开发中，现在在本地运行。图像位于“图像”子文件夹中。通常，所有图像都不会加载并在网络控制台中显示为“待处理”。 请求 URL：localhost:9000/images/defaultProfileImg.png 请求标头：Accept:image/webp,/;q=0.8

【解决方案1】：

我在运行 angular/yeoman/grunt 时遇到了这个问题。

我似乎已通过在我的 URL 中使用 localhost 而不是 127.0.0.1 来修复它。

然后图片全部显示出来了。

虽然现在我看到旧 URL 可以正常工作了……？

至少值得一试。

【讨论】：

对我来说同样的事情，切换到localhost 工作并且神奇地使127.0.0.1 工作。 FWIW，我还在使用 Gulp 和 LiveReload 开发 Angular 应用程序。把它放在“它有效，我不知道为什么”文件夹中