開發期間使用 HTTPS

注意：此功能於 react-scripts@0.4.0 和更高版本中提供。

您可能需要開發伺服器來透過 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 中的環境變數。