在 Amazon S3 上托管的网站不显示 Favicon

Question

因此，我最近开始使用 Amazon S3 并构建一个小型示例 Web 应用程序。我按照教程进行操作，我的网站（包括图像）运行正常。我favicon.ico向根目录添加了一个文件，并在我的根目录中引用了该文件index.html，但无论我做什么，我都无法让该图标显示在浏览器搜索栏、选项卡或收藏夹列表中。

请注意，我使用了步骤 2.1 - 第 4 部分中教程提供的存储桶策略权限来使我的对象可公开访问，并且我还可以导航到保存我的 favicon.ico 对象的 S3 存储桶提供的链​​接，我可以看到它在浏览器中，所以我知道该链接有效。

如果链接有效，存储桶中的所有内容都可以公开访问，并且我网站的其余部分（包括图像）可以正常工作，我做错了什么？

文件结构

索引.html

...
<!-- Favicon -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
...

亚马逊 S3 存储桶

桶策略

更新：我也尝试<link rel="icon" href="favicon.ico" type="image/x-icon">从我的中完全删除index.html并修改它以使其/前面有一个favicon.ico像这样的<link rel="icon" href="/favicon.ico" type="image/x-icon">无济于事。

Answer 1

根据我的经验，不需要在存储桶策略中添加任何内容。

1. 将生产构建资源添加到 S3 后 > 然后授予对所有文件的完全公开访问权限。点击下一步并保存。请记住，您正在向公众授予只读访问权限。请找到截图。

2. 确保您检查来自 favicon 的元数据，如下所示

3. 检查权限您尝试访问的组是否具有读写权限。

希望能帮助到你