S3 HTTPS站点下HTTP CSS引用被拦截的解决方案咨询

问题根源在于 yui.yahooapis.com 的HTTPS服务已无法正确提供该CSS资源，访问时返回的是HTML内容（而非text/css类型的样式文件），导致浏览器触发MIME类型不匹配的拦截。以下是可行的解决步骤：

• 下载CSS文件到本地
  从本地能正常访问的HTTP链接（http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css）中复制样式内容，或者从YUI的归档资源中获取该文件，将其保存到你的项目目录中（比如创建css子文件夹存放）。

• 修改HTML引用路径
  将原来的外部CDN链接替换为本地文件引用，示例代码：

  <link rel="stylesheet" type="text/css" href="./css/reset-fonts-grids.css" />
  

• 部署到S3时检查MIME类型
  将本地CSS文件和HTML一起上传到S3，确保S3中该CSS文件的Content-Type属性设置为text/css（S3通常会自动识别，但如果出现异常，可在S3控制台手动修改文件的元数据）。

这样部署后，HTTPS环境下的S3站点就能正常加载样式文件了。

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