如何在 https 上将本地环境设置为运行

Question

我正在尝试通过本地 https 运行我的 React 应用程序。我已按照此 tutorial 的步骤进行操作，已正确安装 mkcert，我的项目根目录目前如下所示：

|-- my-react-app
    |-- package.json
    |-- localhost.pem
    |-- localhost-key.pem
    |--...

我的 package.json 文件如下所示：

"scripts": {
    "start": "HTTPS=true SSL_CRT_FILE=localhost.pem SSL_KEY_FILE=localhost-key.pem react-scripts start",
    ...

然而当我运行 npm start 我收到这个错误：

'HTTPS' is not recognized as an internal or external command, operable program or batch file.

我还尝试在根目录中创建一个 .env 文件并添加如下变量：

HTTPS=true
SSL_CERT_FILE=localhost.pem
SSL_KEY_FILE=localhost-key.pem

然而，当我以这种方式运行应用程序时，我收到一条警告，说我的连接不安全。

我已经花时间在谷歌上搜索错误，但到目前为止仍然找不到解决方案。

Answer 1

解决方案是将我的 package.json 文件修改为如下所示：

"scripts": {
    "start": "set HTTPS=true&&set SSL_CRT_FILE=localhost.pem&&set SSL_KEY_FILE=localhost-key.pem&&react-scripts start",
    ...

这在开始时产生了 RangeError: Invalid typed array length: -4095。使用 npm install --save react-scripts@latest 将我的反应脚本升级到最新版本解决了这个问题。

我现在在本地主机上建立了安全连接。希望这对以后的其他人有所帮助。

How to setup local environment to run on https