我想知道是否有人知道如何在“create-react-app”环境中在 dev 上使用 https。我在自述文件或快速谷歌搜索中看不到任何相关内容。我只想让https://localhost:3000工作，或者https://localhost:3001。
create-react-app：如何使用 https 而不是 http？
IT技术
reactjs
create-react-app
2021-04-19 06:16:23
6个回答
您可以编辑 package.json 脚本部分以阅读：
"scripts": {
"start": "set HTTPS=true&&react-scripts start",
...
}
或者就跑 set HTTPS=true&&npm start
只是一个旁注，对我来说，由于某种原因，进行此更改会中断热重载....
-- 注意：操作系统 === Windows 10 64 位
你也可以在你的项目根目录下创建一个名为 .env 的文件，然后写
HTTPS=true
之后，只需像平常一样运行“npm start”即可启动您的应用程序。
文档：https : //facebook.github.io/create-react-app/docs/advanced-configuration
与此处发布的其他一些答案不同，适用于 Linux 和 Windows。
在 MAC/UNIX 的情况下做
export HTTPS=true
npm start
或简单的一个班轮
export HTTPS=true&&npm start
或者将 package.json 中的启动脚本更新为
"start": "export HTTPS=true&&PORT=3000 react-scripts start",
你应该能够点击https。
Windows (cmd.exe)
set HTTPS=true&&npm start
（注意：缺少空格是有意的。）
Windows (Powershell)
($env:HTTPS = "true") -and (npm start)
Linux、macOS (Bash)
HTTPS=true npm start
请注意，服务器将使用自签名证书，因此您的 Web 浏览器几乎肯定会在访问该页面时显示警告。
自定义 SSL 证书
HTTPS=true SSL_CRT_FILE=<SSLCert.crt> SSL_KEY_FILE=<SSLCert.key> npm start
Linux、macOS (Bash)
HTTPS=true SSL_CRT_FILE=<SSLCert.crt> SSL_KEY_FILE=<SSLCert.key> npm start
为了避免每次都这样做： 您可以像这样在 npm start 脚本中包含：
{
"start": "HTTPS=true react-scripts start"
}
或者您可以使用HTTPS=true创建一个.env文件