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

Website images not loading from other server on Apple devices (Safari)

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

我们有几个响应式 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>

有没有人知道如何解决这个问题?还是有人遇到同样的情况?

已解决!

解决这个问题花了一些时间。如果您遇到图片无法在 Safari 中加载的情况,这里是终极解决方案。

Apple 的所有设备上的 Safari 都有一个令人讨厌的错误,就是无法加载来自子域的 url 请求,即使安装了 SSL 证书。

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

情况说明

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

然后:所有 Apple 设备上的 Safari 说:让我们阻止来自 'sub.domain.com' 的图像。 (即使是同一个域名。)

解决方案

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

结论

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