如何使用create-react-app提供SSL证书?

我正在尝试使用Facebook样板在本地创build和testing一个反应应用程序。
客户端应用程序与我使用node.js制作的API进行交互,并且我没有设置安全连接(使用node.js客户端发送我的SSL证书进行testing)。
然而,我遇到了困难,当谈到使用反应发送我的SSL证书而不是一个自签名的使我遇到这个错误使用铬并试图访问https://example.net:3000 :

您的连接不是私有的(NET:ERR_CERT_AUTHORITY_INVALID)

这个文档对我没有太大的帮助:

请注意,服务器将使用自签名证书,因此您的Web浏览器在访问该页面时几乎肯定会显示警告。 https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#using-https-in-development

我如何使用自己的SSL证书(我已经在我的域名上使用另一个应用程序,像魅力一样),而不是自签名的? 我错过了什么 ?

       

网上收集的解决方案 "如何使用create-react-app提供SSL证书?"

从该端口提供文件的服务器需要configuration为使用您的SSL证书。 我猜你正在使用该端口上的webpack-dev-server(这就是npm start在create-react-app中所做的),也许在端口80上有不同的服务器(apache,nginx等)?

您可以使用您已configuration的服务器来为已编译的文件提供服务,也可以configurationwebpack-dev-server来使用您的SSL证书。

为此,可以使用webpack-dev-server的--cert选项。 请参阅https://webpack.github.io/docs/webpack-dev-server.html

如果你想使用npm start来调用自定义的启动脚本,你必须编辑启动脚本。 您可能需要首先使用eject命令,将所有configuration代码转储到您的repo中,以便您可以更改它。

这里是开始脚本的源代码: https : //github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/scripts/start.js#L230

我还应该注意到,webpack-dev-server并不打算在生产环境中使用。

玩的开心!