本地主机 SSL 连接到 api ERR_SSL_PROTOCOL_ERROR答案

【问题标题】：Localhost SSL connection to api ERR_SSL_PROTOCOL_ERROR本地主机 SSL 连接到 api ERR_SSL_PROTOCOL_ERROR
【发布时间】：2018-07-12 07:36:15
【问题描述】：

我正在尝试在我的开发环境中通过 Chrome 连接到 API。

我已将本地主机配置为在 SSL 下运行以进行测试，

当我使用 https:// 连接到 API 时，我收到此错误

request.js:132 OPTIONS https://api.thenounproject.com:80/icons/test
net::ERR_SSL_PROTOCOL_ERROR

要让本地开发人员在 Chrome 中的 https 上运行，我必须启用：

chrome://flags/#allow-insecure-localhost.

在开发环境中是否存在这些令人讨厌的安全问题？

【问题讨论】：

1) 您确定在端口 80 而不是 443 上运行 HTTPS？ 2）那不是localhost，你一定是输入了错误的URL。

标签： google-chrome ssl https

【解决方案1】：

net::ERR_SSL_PROTOCOL_ERROR at https://localhost:8086
at navigate (node_modules/puppeteer/src/common/FrameManager.ts:190:13)

我对 VUE 和 Puppeteer 也有同样的问题。修复操作系统中的所有证书将有所帮助（localhost API/APP/root CA + Chrome）

【讨论】：

【解决方案2】：

老问题，可能你已经有了答案，但无论如何我都会发布它，因为如果你寻找 ERR_SSL_PROTOCOL_ERROR 和 localhost（有 732 次浏览），它是谷歌上的热门话题。

我在NGINX 中遇到了这个错误，并在谷歌浏览器中得到了ERR_SSL_PROTOCOL_ERROR。谷歌搜索该错误消息并没有给我一个快速的答案。然而，Firefox 会抛出 SSL_ERROR_RX_RECORD_TOO_LONG。谷歌搜索该错误消息导致我在服务器故障上找到this answer，它接受的答案对我有用。

我所要做的就是将ssl 添加到服务器块中的监听行：

listen 443 ssl;

NGINX documentation 也提到了这一点。

要配置 HTTPS 服务器，必须启用 ssl 参数服务器块中的侦听套接字，以及服务器的位置应指定证书和私钥文件：

【讨论】：

如果你在 package.json 中使用 react-scripts 添加 "start": "HTTPS=TRUE react-scripts start"