Azure 无法访问 React Web 应用程序中的环境变量

IT技术 reactjs azure environment-variables
2021-04-27 18:49:50

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

我有一个使用 create-react-app 创建的react应用程序。它已经部署到 heroku 并加载了一些环境变量以访问谷歌地图等。这对 heroku 来说一切正常。

我已经使用了这段代码,并且几乎遵循了这里的说明:https : //docs.microsoft.com/en-gb/azure/app-service/app-service-web-get-started-nodejs 我基本上上传了一个 zip我使用 kudu 的“npm run build”。

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

如果我尝试记录特定变量,我会返回“未定义” 有谁知道我做错了什么?

1个回答

在 Azure 中:代替MY_ENV_VAR,使用REACT_APP_MY_ENV_VAR

在 React 中:代替process.env.MY_ENV_VAR,使用process.env.REACT_APP_MY_ENV_VAR

希望这可以帮助