网站图像未从 Apple 设备 (Safari) 上的其他服务器加载

Posted 2023-02-23

【中文标题】网站图像未从 Apple 设备 (Safari) 上的其他服务器加载

【英文标题】：Website images not loading from other server on Apple devices (Safari)

【发布时间】：2020-05-07 19:38:57

【问题描述】：

几个月来我一直在寻找解决方案，但找不到，所以我在这里尝试。

我们有几个响应式 Bootstrap 4 网站存在一个问题： - iPhone 和 iPad 设备上的图像将无法加载。仅在一次或多次刷新后。

这是我们在最高 SSL 级别下运行它的方式：

- website domain: www.website.com
- images location: subdomain.otherdomain.com

两者都在同一个服务器和 SSL 证书上，并且 SSL 安装正确。 我必须在此处说明没有“www”的域不在 SSL 中。

这是适用于任何其他设备上的任何其他浏览器的图像标签：

<img class="img-fluid fit-image" src="https://subdomain.otherdomain.com/subdir/2020/img-name.jpg" ></a>

有人知道如何解决这个问题吗？或者有没有人有同样的经历？

【参考方案1】：

已解决！

解决这个问题需要一段时间。如果您遇到无法在 Safari 中加载的图像，这里是终极解决方案。

这是他们所有设备上 Apple Safari 中的一个烦人的错误，只是无法从甚至安装了 SSL 证书的子域加载 url 请求。

解决方法很简单： 如果 sub.domain.com 与超过 10 个域名共享 SSL 证书，Safari 不喜欢它。

情况说明

您有一个在 domain.com 上运行的 https 网站。 图像和其他文件是从最高 SSL 级别的“sub.domain.com”加载的 有。 SSL 证书与 10 多个域名共享。

然后：所有 Apple 设备上的 Safari 都会说：让我们阻止来自“sub.domain.com”的图像。 （即使是同一个域名。）

解决方案

为了在 Safari 中加载到 domain.com 或 anydomain.com 的图像和其他文件安全可靠，来自“sub.domain.com”的所有内容都必须在一个证书上。 最便宜的证书已经有效。 Safari 只是在证书中寻找干净的数据，而没有来自同一证书中其他域的太多干扰。 额外建议：最好的方法是从完全不同的域加载文件：https://domain2.media。

结论

将数据从另一个 SSL 位置加载到网站时，请确保 https 位置有自己的单个 SSL。

【讨论】：

哇！！你花了将近一年的时间！非常感谢，对我来说，这是一场 6 小时的噩梦，认为它与 CORS 标头（跨域资源共享/Access-Control-Allow-Origin）或类似标题有关。

是的，我首先用一个全新的证书在一个全新的域上进行了测试，并且只使用了几张图片。所有 Apple 设备在一小时内获得批准。真的很高兴这个为您节省了另一个 365，哈哈！当然要感谢 ***！

@KJS 这可能是我遇到的问题！有没有关于这个问题的官方（或非官方）文档或文章？

@KrekkieD 我没找到。可能是我花了这么长时间的原因。这是一个反复试验的事情，直到我做了我在上面的评论中写的。

过去 15 天我一直在苦苦挣扎。 @KJS 谢谢，伙计！