reactjs - 如何将受信任的证书添加到我的 React 项目。？

Question

我有 .cer 文件 .pfx 文件 .pem 文件 .key 文件

与我一起。

有人知道如何在 React Project 中添加“有效证书”吗？

我改变了

{
  "start": "HTTPS=true react-scripts start"
}

通过这个，我的项目现在在 HTTPS 上运行，但使用 localhost 的证书。我怎样才能添加受信任的证书而不是这个。

Answer 1

这对我有用：

我将我的有效证书文件（非自我认证）放入....node_modules\webpack-dev-server\ssl-folder.

在此之前，我将该文件夹中的所有文件都删除到某个地方，以防万一以后需要它们。

我设置了一个环境变量

SET HTTPS=true 

我运行 command npm start，并得到它找不到文件的错误：ssl\server.crt，ssl\server.key并且ssl\ca.crt（实际上，它一一抱怨这些）。

然后我将我的有效证书文件重命名为具有这些名称。例如，我将Intermediate.crt文件重命名为ca.crt.

所有文件都以-----BEGIN PRIVATE KEY-----或-----BEGIN CERTIFICATE-----如果在此之前有某些内容，我将其删除。

然后我重新启动npm start并使用为其制作证书的 URL 打开 Chrome。Chrome 在 url 之前显示了锁定图标，并且不再抱怨“不安全......”。

编辑：

上面提到的安装没有server.pem文件它仍然有效。在另一个安装中，我做了与上面相同的操作，但它不起作用。然后我将server.key和server.crt文件（从我的有效证书文件重命名）合并到一个文件server.pem中。该server.pem文件最初是自动创建的，但在我替换它之前它没有任何帮助。之后，https 连接被接受，Chrome 没有任何抱怨。