SEC_ERROR_INADEQUATE_KEY_USAGE 在 Firefox 中使用 HTTPS=true & HOST=xxx 的 React 应用程序

SEC_ERROR_INADEQUATE_KEY_USAGE in firefox for react app with HTTPS=true & HOST=xxx

当我指定自定义 HOST 和 SSL=true

时，使用 create-react-app 创建的 React 应用程序在 Firefox 中出现 SEC_ERROR_INADEQUATE_KEY_USAGE 错误

要重现问题：

  1. 创建一个新的 React 应用程序

    npx create-react-app testssl

  2. 添加 .env 文件 

    HTTPS=true
HOST=test.local

  3. 确保 test.local 映射到主机文件中的 127.0.0.1

    # "C:\Windows\System32\drivers\etc\hosts"
127.0.0.1 test.local

  4. 启动应用程序

    npm run start

在 chrome 我有一个 security error 但我可以绕过它

在 firefox 中我有一个 SEC_ERROR_INADEQUATE_KEY_USAGE 但我找不到绕过它的方法:

有什么方法可以绕过 firefox 的这个错误吗？

我在 windows 环境中遇到此错误，不确定 linux。

我最终将自己的自签名证书添加到项目中。

要生成证书，我使用以下 openssl 命令：

openssl req -x509 -newkey rsa:4096 -sha256 -keyout test.local.key -out test.local.crt -days 4000 -new -nodes

并在我的 .env 文件中添加了以下行

SSL_CRT_FILE=./test.local.crt
SSL_KEY_FILE=./test.local.key
HTTPS=true
HOST=test.local

但我仍然不确定为什么 firefox 不接受 creat-react-app

生成的证书