Reactjs 启用HTTPS后进行反应和快速通信

我正在尝试为正在构建的生产服务器完成HTTPS连接，但遇到HTTPS问题

我尝试了一些关于如何分别为react和node设置的指南，但似乎无法完成连接

以下是我的express server.js文件的简化版本：

const https = require('https');
const helmet = require('helmet');

const server = express();
server.use(helmet);

https.createServer({
  key: fs.readFileSync('server.key'),
  cert: fs.readFileSync('server.cert')
}, server)
  .listen(port, () => console.log(`Listening on port ${port}`));

以及my package.json中的前端构建路径：

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

但是当我进入

https://localhost:3000

我从控制台获得以下信息，屏幕仅为白色

Failed to load resource: net::ERR_EMPTY_RESPONSE index.js:1437 
TypeError: Failed to fetch

---

有没有想过我做错了什么？提前感谢您抽出时间和提供的帮助。

您使用的是Windows吗？变量

端口
来自何处？您可以尝试通过指定如下编码来读取证书：
fs.readFileSync（'server.key'，'utf8'）@MattOestreich我正在使用linux。很抱歉，它来自命令行参数或后端的默认端口3030（允许生产版本指定80）。就我而言是3030。证书上的误读会阻碍页面的完整呈现吗？我来试一试，看看进展如何。感谢您的回复，看起来您正在使用Windows命令以SSL-。。此外，我将保留
npm start
脚本作为默认值，并创建一个新的
npm
脚本，类似于
“start:ssl”：“HTTPS=true npm start”
。。然后，您可以从命令行运行
npm run start:ssl
@ScottF幸运吗？@MattOestreich很抱歉延迟回复您-非常感谢您的帮助。它似乎解决了与后端连接时的一些问题，但前端仍然无法识别httpsAre您在使用Windows吗？变量
端口
来自何处？您可以尝试通过指定如下编码来读取证书：
fs.readFileSync（'server.key'，'utf8'）@MattOestreich我正在使用linux。很抱歉，它来自命令行参数或后端的默认端口3030（允许生产版本指定80）。就我而言是3030。证书上的误读会阻碍页面的完整呈现吗？我来试一试，看看进展如何。感谢您的回复，看起来您正在使用Windows命令以SSL-。。此外，我将保留
npm start
脚本作为默认值，并创建一个新的
npm
脚本，类似于
“start:ssl”：“HTTPS=true npm start”
。。然后，您可以从命令行运行
npm run start:ssl
@ScottF幸运吗？@MattOestreich很抱歉延迟回复您-非常感谢您的帮助。它似乎解决了与后端连接时的一些问题，但前端仍然无法识别https