logo标签列表

create-react-app: 如何使用https而非http？

reactjscreate-react-app
127

我想知道有没有人知道如何在“create-react-app”环境中使用https。我在README或快速谷歌搜索中找不到任何相关信息。我只想让https://localhost:3000正常工作，否则就是https://localhost:3001。

25个回答
1
为了避免Chrome和Safari中的不受信任证书错误，您应该手动指定自签名密钥对。CRA 允许您指定它们。
此外，使用.env文件存储这些变量。
在macOS上，只需将您的证书添加到钥匙串访问中，然后在其详细信息中设置始终信任。
1
我是使用最新版本的Windows 10，并参加了Windows Insider计划。
在使用Windows 10时似乎有三种情况：
1. 在CMD命令行下使用NPM的Windows 10。
set HTTPS=true&&npm start

2. 使用PowerShell命令行在Windows 10上配置NPM
set HTTPS=true&&npm start
  1. 在Windows 10上使用Linux Bash命令行来管理NPM（我的情况是这样的）
HTTPS=true npm start

文档：创建React应用程序开发

在此版本中，“&&”标记不是有效的语句分隔符。 + CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException + FullyQualifiedErrorId : InvalidEndOfLine - Zhivko Zhelev
0
HTTPS=true npm start

在终端上对于我在Create-React-App上起作用了

2
我遇到了以下错误：未将“HTTPS=true”识别为 cmdlet、函数、脚本文件或可操作程序的名称。请检查名称的拼写，如果包含路径，请验证路径是否正确，然后重试。 - Newton Sheikh
1
@NewtonSheikh 我也遇到了同样的错误，问题出在哪里？ - TaouBen
@TaouBen，你是从哪里执行的？请确保使用cmd而不是powershell... https://stackoverflow.com/questions/56898943/set-https-in-environmental-variable - Newton Sheikh
0
如果您正在使用Next.js版本13.5.1以上，
它有一个用于本地服务器以https方式运行的“实验性标志”。
您可以添加以下内容：
"scripts": {
    "start": "next start --experimental-https -p 14009",
    ...
},

现在当你运行npm start时，按照指示操作，你就可以通过https://访问本地主机了。
-1

// 在 React Native 中发布 APK 时，将此行添加到 Android 清单中以使用 HTTP

<application android:usesCleartextTraffic="true">
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接