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

Question

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

我们有几个响应式 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" alt="Not working"></a>

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

Answer 1

已解决！

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

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

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

情况说明

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

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

解决方案

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

结论

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