我需要使用回形针将自定义的 CSS
文件保存到 AWS S3 中,然后使用回形针附件 url 将它们加载回 html 文件中。所以,link
标签看起来像这样:
<link rel = "stylesheet" href = "https://s3.us-east-2.amazonaws.com/....../theme.css20190126-23995-3w63v8.css?1548515496">
在 Firefox 中加载文件将在控制台中显示以下错误:
The stylesheet https://s3.us-east-2.amazonaws.com/....../theme.css20190126-23995-3w63v8.css?1548515496 was not loaded because its MIME type, “text/plain”, is not “text/css”.
我尝试使用这个 solution并将 .url(:default, timestamp: false)
添加到附件 url。但是,这为浏览器提供了错误的文件 URL,并且未加载 CSS 文件。
最佳答案
AWS S3 返回默认内容类型“text/plain”,因此您应该在 AWS S3 上设置元数据。
- 登录您的 AWS 控制台。
- 在 AWS S3 控制台上转到您的文件 (xxx/xxx/theme.css20190126-23995-3w63v8.css)。
- 打开文件的“属性”选项卡。
- 在元数据部分添加内容类型点击“+ 添加元数据”。
当然,您可以从程序中修改元数据。
关于html - 如何告诉浏览器接受存储在 S3 中的带时间戳的回形针 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54382343/