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

Question

我想承载一个反应的应用程序，我创建和使用Facebook样板本地测试。
客户端应用程序与我使用node.js制作的API进行交互，并且我没有设置安全连接（使用发送我的SSL证书的node.js客户端进行测试）的问题。
不过，我遇到困难的时候还用反应送我的SSL证书，而不是自签署一个引起我使用Chrome，并且试图访问https://example.net:3000遇到这个错误：

你的连接是不是私人（NET：ERR_CERT_AUTHORITY_INVALID）

的文件并没有完全帮助我：

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

我如何使用我自己的SSL证书（这是我在另一个应用程序已经在使用我的域和工作就像一个魅力）而不是此自签名？我错过了什么 ？

Answer 1

您的服务器提供来自该端口的文件需要配置为使用您的SSL证书。我猜你正在使用该端口上的webpack-dev-server（这就是npm start在create-react-app中所做的），并且可能在端口80上有不同的服务器（apache，nginx等）？

您可以使用已配置的服务器为您的编译文件提供服务，也可以配置webpack-dev-server以使用您的SSL证书。

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

如果要使用调用自定义启动脚本的npm start来执行此操作，则必须编辑该启动脚本。您可能需要首先使用eject命令，该命令会将所有配置代码转储到您的回购站中，以便您可以更改它。

下面是启动脚本的源代码：https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/scripts/start.js#L230

我还应该注意到的WebPack-dev的服务器并不打算在生产环境中使用。

玩得开心！