如何使用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证书（我已经在我的域名上使用另一个应用程序，像魅力一样），而不是自签名的？ 我错过了什么 ？

Answer 1

从该端口提供文件的服务器需要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并不打算在生产环境中使用。

玩的开心！