create-react-app 使用https进行开发
🌙
手机阅读
本文目录结构
前置条件
注意：此功能可用于
react-scripts@0.4.0或更高版本。
您可能需要开发的时候，使用HTTPS协议，而不是走http协议。
一种可能有用的特殊情况是，当该API服务器本身正在服务HTTPS 时，使用“代理”功能将请求代理到该API服务器。
为此，请将HTTPS环境变量设置为true，然后像往常一样通过npm start以下方式启动开发服务器：
Windows (CMD)
set HTTPS=true&&npm start
（注意：有空格。）
Windows (Powershell)
($env:HTTPS = "true") -and (npm start)
Linux，macOS（Bash）
HTTPS=true npm start
请注意，服务器将使用自签名证书，因此您的Web浏览器几乎肯定会在访问该页面时显示警告。
自定义SSL证书
要设置自定义证书，请使用SSL_CRT_FILE与SSL_KEY_FILE上述相同的方法，将和环境变量设置为证书和密钥文件的路径HTTPS。
请注意，您还需要设置HTTPS=true。
Linux，macOS（Bash）
HTTPS=true SSL_CRT_FILE=cert.crt SSL_KEY_FILE=cert.key npm start
为了避免每次都必须设置环境变量，可以在npm start脚本中包括如下所示：
{
"start": "HTTPS=true react-scripts start"
}
或者，您可以创建.env带有HTTPS=trueset 的文件。
在CRA中了解有关环境变量的更多信息。
https://create-react-app.dev/docs/adding-custom-environment-variables/
