mirror of
https://github.com/zhigang1992/create-react-app.git
synced 2026-04-01 22:38:10 +08:00
45 lines
1.3 KiB
Markdown
45 lines
1.3 KiB
Markdown
---
|
|
id: using-https-in-development
|
|
title: Using HTTPS in Development
|
|
sidebar_label: 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](proxying-api-requests-in-development.md) 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)
|
|
|
|
```cmd
|
|
set HTTPS=true&&npm start
|
|
```
|
|
|
|
(Note: the lack of whitespace is intentional.)
|
|
|
|
### Windows (Powershell)
|
|
|
|
```Powershell
|
|
($env:HTTPS = "true") -and (npm start)
|
|
```
|
|
|
|
### Linux, macOS (Bash)
|
|
|
|
```sh
|
|
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.
|
|
|
|
To avoid having to set the environment variable each time, you can either include in the `npm start` script like so:
|
|
|
|
```json
|
|
{
|
|
"start": "HTTPS=true react-scripts start"
|
|
}
|
|
```
|
|
|
|
Or you can create a `.env` file with `HTTPS=true` set.
|
|
[Learn more about environment variables in CRA](https://create-react-app.dev/docs/adding-custom-environment-variables).
|