amazon-web-services - S3 静态网站仅显示 Index.html(但不显示其他依赖文件)

Question

我最近一直在忙于 AWS，它绝对很棒。作为第一个测试，我试图通过 S3 托管最基本的静态网站。该站点只是一个 html 文件和一些 javascript、css 和图像文件。

每当我加载静态 URL 时，唯一加载的是 index.html 文件及其内容，并且出于某种奇怪的原因，加载的唯一图像是我的头像，但所有图像都存储在同一文件夹中。当然，所有的 css、js 和图像文件也都写为相对链接。

我已经多次确保所有文件和文件夹的权限都设置为“world”。

我还查看了开发工具中的网络选项卡，它在每个 GET 请求中都给了我 200 个。

我完全不明白为什么会发生这种情况。有没有人知道我错过了什么？

该网址位于 http://www.mikefisher.io.s3-website-us-east-1.amazonaws.com/

我应该补充一点，该站点在本地和传统 Web 服务器上都可以完美运行。

谢谢

编辑:我检查了我的浏览器控制台，它给了我这个错误，我认为这可能与它有关。

'资源被解释为样式表，但使用 MIME 类型二进制/八位字节流传输:'

Answer 1

修复!

我遇到的问题是 Amazon S3 中 CSS 文件的元数据默认设置为“二进制/八位字节流”。

我解决这个问题的方法是选择存储桶中的单个文件，单击属性选项卡，然后在元数据部分中输入“text/css”作为值。