在 create-react-app package.json 代理中使用环境变量答案

【问题标题】：Using environment variable in create-react-app package.json proxy在 create-react-app package.json 代理中使用环境变量
【发布时间】：2022-06-18 03:19:41
【问题描述】：

我想将 create-react-app 项目的 package.json 文件中的“代理”属性设置为名为“REACT_APP_API_BASE_URL”的环境变量的值。该变量存储在 .env.development.local 文件中。我找不到正确的方法来做到这一点。访问变量的正确符号是什么？使用npm start 启动应用程序时，我尝试的每种方式都以以下错误结束：

When "proxy" is specified in package.json it must start with either http:// or https://

这个错误可能是因为访问的值不正确。

【问题讨论】：

标签： reactjs json environment-variables create-react-app package.json

【解决方案1】：

如果您在 .env.development.local 中指定：

REACT_APP_API_BASE_URL=[your url]

您可以使用source .env.development.local 存储该值，然后使用 $REACT_APP_API_BASE_URL 使用它。

例如在你的 package.json 中你可以这样做：

"scripts": {
   "deploy": "react-scripts build; source .env; ./scripts/deploy.sh $REACT_APP_API_BASE_URL"
}

【讨论】：