reactjs - Azure无法访问React Web应用程序中的env变量

Question

几年前我看到有一个类似的问题，但超链接答案已被微软关闭。

我有一个使用 create-react-app 创建的 React 应用程序。它已经部署到heroku并加载一些环境变量来访问谷歌地图等。这一切对于heroku来说都工作得很好。

我已经获取了这段代码，并且几乎按照此处的说明进行操作:https://learn.microsoft.com/en-gb/azure/app-service/app-service-web-get-started-nodejs我基本上使用 kudu 上传了我的“npm run build”的 zip。

我可以看到该 Web 应用程序已在线并且由 azure 提供服务。但是我在门户中设置的环境变量没有被我的应用程序读取，导致它崩溃，即使我可以在 kudu 中看到它们。当我尝试 console.log process.env 时，我得到 {NODE_ENV:"product",PUBLIC_URL:""}，但看不到我在 kudu 中可以看到的任何变量。

如果我尝试记录特定变量，我会得到“未定义”有谁知道我做错了什么？

Answer 1

在 Azure 中:使用 REACT_APP_MY_ENV_VAR，而不是 MY_ENV_VAR

在 React 中:使用 process.env.REACT_APP_MY_ENV_VAR，而不是 process.env.MY_ENV_VAR

希望这有帮助