启用静态网站托管的S3存储桶：CLI上传HTML文件被浏览器下载问题

嘿，这个问题我太清楚啦！核心问题出在文件的Content-Type元数据上——这是浏览器判断要渲染页面还是下载文件的关键依据。

为什么两种上传方式差异这么大？ #

• AWS控制台上传：控制台会自动识别文件类型，当你上传HTML文件时，它会自动给文件设置Content-Type: text/html的元数据。浏览器拿到这个响应头，就知道这是网页内容，直接渲染展示。
• AWS CLI上传：CLI默认不会自动检测文件类型，它会把所有上传文件的Content-Type默认设为binary/octet-stream。浏览器看到这个头，就会把文件当成二进制文件处理，直接触发下载。

怎么解决这个问题？ #

有两种简单的方法可以修正：

方法1：上传时直接指定Content-Type #

在aws s3 cp命令里加上--content-type参数，明确告诉S3这是HTML文件：

aws s3 cp page2.html s3://test-bucket-for-stackoverflow-post/page2.html --content-type "text/html"

方法2：修改已上传文件的元数据 #

如果文件已经传上去了，也可以用CLI修改它的元数据，记得加上--metadata-directive REPLACE来覆盖原有设置：

aws s3 cp s3://test-bucket-for-stackoverflow-post/page2.html s3://test-bucket-for-stackoverflow-post/page2.html --content-type "text/html" --metadata-directive REPLACE

批量处理小技巧 #

如果要上传一堆HTML文件，可以用递归上传+批量指定类型的方式，省得一个个改：

aws s3 cp ./本地文件夹路径 s3://test-bucket-for-stackoverflow-post/ --recursive --include "*.html" --content-type "text/html"

内容的提问来源于stack exchange，提问作者Dave Green