Create React App 在开发环境中使用 HTTPS

在开发环境中使用 HTTPS 对于保护用户数据和确保网站安全非常重要。Create React App 提供了一种简单的方法来在开发环境中启用 HTTPS。

步骤

1. 打开终端，进入你的 Create React App 项目目录。

2. 安装 mkcert 工具，mkcert 是一个简单的工具，可以帮助我们生成本地的可信证书，执行以下命令安装 mkcert：

brew install mkcert

1. 生成本地根证书，执行以下命令：

mkcert -install

1. 生成用于本地开发的证书，执行以下命令：

mkcert -key-file key.pem -cert-file cert.pem localhost

1. 在项目根目录下创建 .env 文件，并添加以下内容：

HTTPS=true
SSL_CRT_FILE=cert.pem
SSL_KEY_FILE=key.pem

1. 重新启动你的 Create React App 项目，HTTPS 将会自动启用。

注意事项

• 请确保在生产环境中使用正规的 SSL 证书，不要将本地生成的证书用于生产环境。
• 如果你的项目已经启用 HTTPS，可以跳过以上步骤。

通过以上步骤，你可以在开发环境中使用 HTTPS 来保护你的应用程序和用户数据。