Safari 不会加载网页的所有资源

如何解决Safari 不会加载网页的所有资源

Safari 打开我的网络应用程序时遇到了一个非常奇怪的问题。

设置：我正在运行存储在 AWS 上的 S3 存储桶中的 Vuejs 应用程序。该应用由 API 网关公开。

问题：当打开应用程序时，只有 index.html 和网站图标被加载，而不是其他资产。有时它们出现在开发工具的网络选项卡内，并显示“加载资源失败”消息，但有时不会。

“解决方案”：当我使用 http（不起作用）打开应用程序，然后再次使用 https 时，可以以某种方式加载资源并且应用程序即使在清除缓存的情况下重新加载也能正常工作。

有谁知道如何克服这个问题？ ?‍♂️

解决方法

我有一个类似的问题（与 vue.js 和 amazon 无关，但仅与主题：Safari 选择性加载资源有关）： Mac OS Safari 14（桌面版，我不知道移动版）无法加载所有引用的 css、js 和图像文件。

Safari 13 表现良好。其他浏览器（Chrome、Firefox）表现良好。所有文件都以相同的方式引用，使用相对 URL。

使用 Safari 14 时，其中一些已加载，一些未加载。缓存不是问题（我在加载页面之前使用“空缓存”）。 看起来成功加载的文件是随机选择的（有时加载相同的文件，有时不加载）。

在“开发”菜单的“网络”选项卡中，对于未加载的文件，预览显示：“尝试加载资源时发生错误”， 在 Headers 的“Request”部分，只有：Accept、Referer 和 User-Agent 行，而： 缺少 GET、Cookie、Accept-Encoding、Host、Accept-Language 和 Connection 行。 响应说：“没有响应头”。

在服务器的访问日志中，没有与未加载文件相关的行。

编辑：

原因：TLS 1.0

解决方案：TLS 1.2