Using HTTPS in Development

Note: this feature is available with react-scripts@0.4.0 and higher.

You may require the dev server to serve pages over HTTPS. One particular case where this could be useful is when using the "proxy" feature to proxy requests to an API server when that API server is itself serving HTTPS.

To do this, set the HTTPS environment variable to true, then start the dev server as usual with npm start:

Windows (cmd.exe)

  1. set HTTPS=true&&npm start

(Note: the lack of whitespace is intentional.)

Windows (Powershell)

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

Linux, macOS (Bash)

  1. HTTPS=true npm start

Note that the server will use a self-signed certificate, so your web browser will almost definitely display a warning upon accessing the page.