开发中使用 HTTPS

注意：此功能适用于 [email protected] 及更高版本。

您可能需要开发服务器通过 HTTPS 提供页面。在使用 “代理”功能将请求代理到 API 服务器时，当该 API 服务器本身提供 HTTPS 时，这将非常有用。

为此，将 HTTPS 环境变量设置为 true，然后像往常一样使用 npm start 启动开发服务器。

set HTTPS=true&&npm start

(注意：空格的缺失是故意的。)

($env:HTTPS = "true") -and (npm start)

HTTPS=true npm start

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

自定义 SSL 证书

要设置自定义证书，请将 SSL_CRT_FILE 和 SSL_KEY_FILE 环境变量设置为证书和密钥文件路径，就像您对上面的 HTTPS 所做的那样。请注意，您还需要设置 HTTPS=true。

HTTPS=true SSL_CRT_FILE=cert.crt SSL_KEY_FILE=cert.key npm start

为了避免每次都必须设置环境变量，您可以将其包含在 npm start 脚本中，如下所示

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

或者，您也可以创建一个包含HTTPS=true设置的.env文件。了解有关 CRA 中环境变量的更多信息.