I am trying to host a react app I created and tested locally using the facebook boilerplate.
The client app interacts with an API I made using node.js, and with which I had no issue setting up a secure connection (with a node.js client sending my SSL certificate, for testing).
However, I am encountering difficulties when it comes to using react to send my SSL certificate instead of a self-signed one which causes me to encounter this error using chrome and trying to access to https://example.net:3000 :

你的连接不是私有的(网络:ERR_CERT_AUTHORITY_INVALID)

这些文档对我帮助不大:

请注意,服务器将使用自签名证书,因此您的web浏览器几乎肯定会在访问页面时显示警告.

我如何使用我自己的SSL证书(我已经在我的域上的另一个应用程序上使用了它,它就像一个符咒一样工作)而不是这个自签名证书?我错过什么了吗?

推荐答案

我能够获得一个本地证书,使用react-scripts 3.4.1修改webpack-dev-server个文件(技术上是在3.4.0中添加的,但我有一些可能无关的问题).我将这两个环境变量添加到我的.env.development中:

SSL_CRT_FILE=.cert/server.crt
SSL_KEY_FILE=.cert/server.key

笔记:

Reactjs相关问答推荐

为什么我无法访问窗口事件处理程序中的状态?

Npm运行构建`在Next.js 14中不起作用

TypeError:b不是React.js中的函数错误

用于获取带有事件处理程序的API的动态路由

如何使用TouchStart/TouchEnd在Table ReactJS中交换位置?

拖放 - 将排序保存到数组字段

如何在 React Hook Form 中使用嵌套对象处理错误验证消息

显示我是否加入聊天应用程序时出现问题

Firebase查询返回随机用户数据,而不是过滤后的用户数据

React Native 背景动画反转

Firebase Storage: 对象不存在图片上传路径错误

运行 npm run build 出现问题

为什么我会收到此错误:无法在我的react 包上读取 null 的属性(读取useState)?

React Native应用如何订阅Supabase的实时数据?

基于标记名的博客详细信息分组没有发生

位于组件material-ui中的TextField中的 map 功能不起作用

使用 React.UseEffect 从 api 获取但我的清理返回不起作用

如何制作基于对象 struct 呈现数据的可重用组件?

在状态中存储多个选定的选项

bootstrap 导航栏切换器在 reactjs 中不起作用