【问题标题】：How to deal with net::ERR_SSL_PROTOCOL_ERROR?如何处理 net::ERR_SSL_PROTOCOL_ERROR？
【发布时间】：2017-04-05 13:29:45
【问题描述】：

我在我的网站中包含一个 JS 库

<script type="text/javascript" src="http://www.turnjs.com/lib/turn.min.js "></script>

由网页设计公司设计、维护和托管。我想要实现的目标的实现似乎编码良好——见我的JSFiddle——它运行良好，没有错误。但是，当从我的 JSfiddle 复制并粘贴代码到我的网站时，它根本不起作用——谷歌 Chrome 开发者控制台显示：

GET https://www.turnjs.com/lib/turn.min.js net::ERR_SSL_PROTOCOL_ERROR

但这很奇怪，因为我的 Jsfiddle 代码包含相同的 turn.min.js 并且它在那里工作，但在我的网站上却没有。

【问题讨论】：

http:// 有效，https:// 无效。
在小提琴中，您通过http:// 包含文件，而不是https://。您需要修复您的 SSL 证书 - 假设您有一个。如果你不这样做，那么你不能使用https://
@RoryMcCrossan @robertklep 是的，我现在看到了，但是我遇到了混合错误并得到相同的结果：Mixed Content: The page at 'https://www.mywebsite.com' was loaded over HTTPS, but requested an insecure script 'http://www.turnjs.com/lib/turn.min.js'. This request has been blocked; the content must be served over HTTPS.
这个错误是从哪里来的？这是由于从安全站点 (https://) 调用非安全内容 (即http://) 造成的
@RoryMcCrossan 我知道是什么导致了错误，但我如何在不使用 SSl certf 操作的情况下修复它。因为我无法直接访问它

标签： javascript jquery

【解决方案1】：

这不是 javascript 问题，而是 ssl 问题。

您无法通过不安全的连接 (http) 从通过安全连接 (https) 提供的 html 页面获取文件。如果您要使用 https（并且您应该！），那么您需要通过安全连接获取脚本。要获取文件，您应该使用：

<script type="text/javascript" src="https://www.turnjs.com/lib/turn.min.js "></script>

并通过相应地配置服务器来确保通过 https 提供文件。这是lighttpd 的简单配置，这是apache 的配置。如果您没有 CA 签名的证书，您可以使用letsencrypt ( www.letsencrypt.org/getting-started/ ) 获得一个。如果您不控制服务器，则应与控制服务器的人联系。

【讨论】：

【解决方案2】：

1) 无法通过 HTTPS 访问 http://www.turnjs.com/lib/turn.min.js。这会导致您的错误。
2) JSfiddle 通过 HTTP 访问，因此没有问题
3) <script type="text/javascript" src="http://www.turnjs.com/lib/turn.min.js "></script> 在任何情况下都会给您的网站带来问题，因为这是一个几乎所有浏览器都会阻止的混合内容示例。

解决方案：

将此文件复制到您的服务器上，然后包含本地版本

我更喜欢以这种方式在页面中包含脚本： <script type="text/javascript" src="//www.turnjs.com/lib/turn.min.js "></script>。

这允许浏览器自行检查连接类型。在您的情况下，这实际上是行不通的（参见第 1 页）。

Google developers中的一个很好的解释

【讨论】：