我无法从我的 REACT 应用程序中读取 azure 应用程序服务配置的环境变量

Question

我在 azure 应用程序服务配置中添加了我的变量，并尝试从我的 React 项目中读取它，但每次都未定义。

Azure 应用服务：-

https://i.stack.imgur.com/NextN.png

反应代码：- console.log("PreviewMode>>" + process.env.REACT_APP_PREVIEWMODE)

Answer 1

您无法在 azure 应用服务配置中获取应用设置。

React 客户端项目本质上是下载一段代码在客户端浏览器上运行，不会与 azure 应用设置相关。 所以它的 process.env 无法读取任何 azure 环境变量。

但是您可以在项目中创建.env文件。 然后你可以通过process.env.REACT_APP_PREVIEWMODE获取环境变量。 （我在windows平台下测试过。 ）

有关详细信息，请阅读以下帖子中的答案。

1. 尝试从已部署的 create-react-app 中的公共文件夹中获取 json 文件时出现 404 错误

2. Azure WebApps React：环境变量存在但我调用process.env时不存在