如何将受信任的证书添加到我的 React 项目中?

How do I add trusted certificate to my React Project.?

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

跟我一起

有人知道如何在 React 项目中添加 'valid certificate' 吗?

我变了

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

据此,我的项目现在 运行 在 HTTPS 上,但具有本地主机的证书。 我怎样才能添加受信任的证书而不是这个。

这对我有用:

我将我的有效证书文件(不是自我认证的)放入....node_modules\webpack-dev-server\ssl-folder

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

我用

设置了一个环境变量
SET HTTPS=true 

我 运行 命令 npm start,并得到找不到文件的错误:ssl\server.crtssl\server.keyssl\ca.crt(实际上,它一个一个抱怨那些)。

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

所有文件都以 -----BEGIN PRIVATE KEY----------BEGIN CERTIFICATE----- 开头,如果之前有,我将其删除。

然后我用 npm start 重新启动,并用 url 打开了 Chrome 证书是为之制作的。 Chrome 在 url 之前显示了锁定图标并且不再抱怨 'not secure...'。

编辑:

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