我正在尝试托管一个我使用 Facebook 样板在本地创建和测试的 React 应用程序。
客户端应用程序与我使用 node.js 制作的 API 进行交互,并且我在设置安全连接时没有遇到任何问题(使用 node.js 客户端发送我的 SSL 证书进行测试)。
但是,当我使用 React 发送 SSL 证书而不是自签名证书时,我遇到了困难,这导致我使用 chrome 并尝试访问时遇到此错误https://example.net:3000 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 https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#using-https-in-development
如何使用我自己的 SSL 证书(我已经在我的域中的另一个应用程序上使用该证书,并且效果非常好)而不是这个自签名证书?我错过了什么 ?
我能够获得本地证书工作without修改webpack-dev-server
文件使用react-scripts
3.4.1
(技术上添加在3.4.0
但我有一些可能不相关的问题)。我将这两个环境变量添加到我的.env.development
:
SSL_CRT_FILE=.cert/server.crt
SSL_KEY_FILE=.cert/server.key
Notes:
-
.cert
是我在项目根目录中创建的文件夹
- 我的生成 SSL 证书的脚本 https://gist.github.com/ptvandi/5a33c28d74ccc5100d7fe2bf5de96deb
- 关于这两个环境变量的官方文档 https://create-react-app.dev/docs/using-https-in-development/#custom-ssl-certificate
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)