在 SSL 站点中托管 YUI - IE 错误答案

【问题标题】：Hosting YUI in SSL Site - IE Errors在 SSL 站点中托管 YUI - IE 错误
【发布时间】：2009-10-21 12:46:09
【问题描述】：

我在我的网站上使用 YUI。当您通过 HTTP 访问时，它工作正常，没有错误。但是，当 IE 用户通过 HTTPS 访问该站点时，他们会收到可怕的 "this page contains secure and nonsecure items" 错误消息，这使得它非常接近无法使用。

我正在托管 YUI 文件，因此它们通过 HTTPS 提供服务，但在 CSS 文件中，它仍然通过 HTTP 引用图像文件，这会导致出现 IE 错误消息：

background:url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png)

对抑制此错误有什么建议吗？ CSS 中引用了大量的 HTTP 链接。

【问题讨论】：

【解决方案1】：

如果您希望使用托管文件，您可以可以在 Yahoo 和 Google 之间进行选择内容交付网络。雅虎网络支持组合处理； Google 支持 SSL。

选择 Google 作为您的 CDN，并将基本 URL 更改为 https://

【讨论】：

哈哈太棒了。对于那些不明显的人来说，引述来自 YUI 2 的 yahoo 页面本身。在 YUI 3 页面上[尚未] 提到使用 SSL，无论是否使用 google
这样做的一个缺点是 Google 不支持 Yahoo CDN 使用的汇总文件。此外，文件在 Yahoo 的 CDN 中的更新速度也比 Google 的要快。

【解决方案2】：

转到http://developer.yahoo.com/yui/2/ 并下载完整的开发工具包，将构建文件夹复制到您希望托管 YUI 的任何位置。在您的 YUI CSS 中为

进行全局搜索/替换

http://yui.yahooapis.com/2.7.0/build/

并将其替换为您站点上 YUI 构建文件夹的路径。我假设你从 YUI 依赖工具中获取了组合的 CSS 而你不需要，所以这是最简单的转换方法。

【讨论】：

grr - 有人知道 YUI 3 中是否针对这种情况进行了更改？
这要求您使用 YUI 构建文件夹的绝对路径 - 如果您的站点根目录在开发和生产中不同，这很烦人。
将此答案与上一个答案相结合，您可以使用相应的 https google CDN 搜索/替换 http://yui.yahooapis.com/2.7.0/build/

【解决方案3】：

您将不得不更改链接以通过 HTTPS。我不知道雅虎的 YUI 服务器是否允许这样做（或者您可以自己托管它们并将 css 文件重定向到您的服务器），但这是摆脱该消息的唯一方法。

【讨论】：

【解决方案4】：

从不安全的 url 引用资产会引发此警告。 SSL 要求所有内容都从安全 url 提供。要么在本地托管文件，要么查看 yahoo 是否提供源文件的安全选项。

【讨论】：

【解决方案5】：

托管所有内容并使用相对 URL 通常是避免遇到任何 SSL 问题的最佳选择。

我建议您下载该文件，将其托管在您身边，不要使用任何绝对（http 或 https）网址。

【讨论】：