Amazon S3 未正确提供文件

Question

我为我的朋友制作了这个网站，并将其上传到 Amazon S3 存储桶 (http://ballard26. s3.amazonaws.com/index.html），当我访问该网站时，页面无法正确加载，我不知道为什么。有什么想法吗？

例如，stylesheet.css 无法正确加载。如果您转到 http://ballard26.s3.amazonaws.com/stylesheet.css ，它会下载文件而不是将其作为 CSS 加载。

Answer 1

检查您上传的文件的 MIME 类型（HTTP 内容类型标头）。 S3 并不总是正确设置它们。您可能需要在上传 API 调用中设置它们。有些上传库会为您执行此操作。

如果从 S3 的浏览器下载文件时 mime 类型不正确，并且 mime 类型设置不正确，则不会始终正确呈现。

Answer 2

CSS 文件默认为 octet/binary 的 MIME 类型。要更正此问题，请登录 AWS 管理控制台，转至 Amazon S3 部分并找到相关存储桶。找到 CSS 文件并选择属性。在元数据下，将 Content-Type 键设置为值：text/css

如果您使用适用于 Mac OS X 的 Panic 传输应用程序，则可以为 Content-Type 的 CSS 文件设置自定义上传标头:text/css 这将在您每次上传文件时应用正确的 MIME 类型，从而无需每次在控制台中手动设置。

有关此内容的更多信息，请参见 Adam Wilcox 的 博客文章。

Answer 3

我猜你在上传文件时没有正确指定或设置文件的 mime-type 。因此，它默认为binary/octet-stream。

当您加载页面时，您的浏览器会假设您指定的样式表不是 CSS 文件，因为它使用的内容类型不是 text/css，因此不会应用样式表。

Answer 4

由于 CSS / JS 文件的内容类型不正确，我在 IE 中遇到了同样的问题。

如果您使用 Ruby 和 AWS gem，请使用以下代码：

s3 = Aws::S3Interface.new($s3[:s3_access_key_id],$s3[:s3_secret_access_key],{:multi_thread => true});
s3.put($s3[:s3_bucket],s3_path,file[:tempfile].read,{'x-amz-acl' => 'public-read', 'content-type' => 'text/css' })

注意 S3 元数据的不同语法：

'content-type' => 'text/css'