Windows本地React开发配置SSL证书启动失败求助

1. 修正证书文件名匹配问题 #

你转换生成的证书是mypctls.crt和mypctls.key，但启动脚本里写的是goliathtls.crt和goliathtls.key，文件名完全不匹配，这是核心问题。先把脚本里的文件名改成和实际生成的一致：

"scripts": {
    "start": "react-scripts start",
    "startwithssl": "set HTTPS=true && set SSL_CRT_FILE=mypctls.crt && set SSL_KEY_FILE=mypctls.key && npm start"
},

2. 确保证书转换正确 #

转换pfx时，给key文件添加-nodes参数避免加密（否则react-scripts读取时会因需要密码失败），重新执行转换命令：

winpty openssl pkcs12 -in "MyPC TLS.pfx" -nocerts -out mypctls.key -nodes
winpty openssl pkcs12 -in "MyPC TLS.pfx" -clcerts -nokeys -out mypctls.crt

执行时输入pfx文件的密码即可。

3. 优化环境变量传递方式 #

Windows下用set设置变量后调用npm start可能出现变量不继承的情况，换一种直接注入变量的写法：

"startwithssl": "HTTPS=true SSL_CRT_FILE=mypctls.crt SSL_KEY_FILE=mypctls.key react-scripts start"

4. 清除项目缓存 #

之前的HTTP启动可能留下缓存，执行以下命令清除后重试：

npm cache clean --force

同时手动删除项目根目录下的node_modules/.cache文件夹。

5. 确认证书位置 #

确保mypctls.crt和mypctls.key放在package.json所在的项目根目录（和src、public文件夹同级）。

6. 升级react-scripts版本 #

旧版react-scripts对自定义SSL证书的支持可能有问题，升级到最新稳定版：

npm install react-scripts@latest --save

内容的提问来源于stack exchange，提问作者onefootswill