由 github 页面托管的内容无法完美显示

Posted 2023-02-23

【中文标题】由 github 页面托管的内容无法完美显示

【英文标题】：Content hosted by github pages doesn't show up perfectly

【发布时间】：2016-07-12 20:08:01

【问题描述】：

在构建了一个小的 webapp 作为免费代码营的项目后，我正在尝试使用 github。将其托管在 github 页面上后，它显示为已损坏。它的大部分内容都被屏蔽了。这是链接https://mojojojo77.github.io/ 在 mozila 上，它说连接是安全的，但“firefox 已阻止此页面的不安全部分”。我查看了控制台的问题，我使用的 API 似乎是原因。有没有办法绕过这个？就像向用户询问权限一样。

【问题讨论】：

我实际上在 Firefox 或 Chrome 中没有看到任何错误消息。也许它与防火墙设置有关？也许看看其他人是否能够在您的网络之外访问它？

我试过了，网站的某些部分仍然无法正常加载。

@OshoSArAF，你能用下面的答案来解决这个问题吗？

@Chris 经过一番研究后，我发现我使用的 API 使用的是 http 而不是 Blocked loading mixed active content 的 https 协议，并且 CORS 存在问题 [No Access-Control-Allow -请求的资源上存在原始标头] (developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS)。以下解决方案运行良好，直到我将其托管在 Github 上。作为快速修复，我使用了 [CORS 代理] (crossorigin.me)，它解决了我的两个问题。

@Chris 如果您有更好的解决方案，请告诉我

【参考方案1】：

使用// protocol 而不是http:// 或https:// 加载您的资源。这将导致浏览器使用与页面匹配的协议来请求资源（如果页面匹配则使用 SSL，如果不匹配则不使用）。