Firefox 中的 SEC_ERROR_INADEQUATE_KEY_USAGE 对于 HTTPS=true 和 HOST=xxx 的 React 应用程序

Question

当我指定自定义和SEC_ERROR_INADEQUATE_KEY_USAGE创建的反应应用程序时，我在 Firefox 中遇到错误create-react-appHOSTSSL=true

要重现该问题：

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

   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下是否如此。

Answer 1

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

要生成证书，我使用以下 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