Javascript 我无法从我的REACT应用程序中读取azure应用程序服务配置中的环境变量_Javascript_Node.js_Reactjs_Azure_Azure App Service Envrmnt

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

javascript node.js reactjs azure

Javascript 我无法从我的REACT应用程序中读取azure应用程序服务配置中的环境变量,javascript,node.js,reactjs,azure,azure-app-service-envrmnt,Javascript,Node.js,Reactjs,Azure,Azure App Service Envrmnt,我已经在azure应用程序服务配置中添加了我的变量，并尝试从我的React项目中读取它，但每次都没有定义 Azure应用程序服务：- 反应代码：- console.log（“PreviewMode>>”+process.env.REACT\u APP\u PreviewMode）您无法在azure应用程序服务配置中获取appsettings React客户端项目实质上下载一段代码以在客户端浏览器上运行，并且与azure应用程序设置无关。因此其process.env无法读取任何azure环境变量

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

Azure应用程序服务：-

反应代码：-

console.log（“PreviewMode>>”+process.env.REACT\u APP\u PreviewMode）

您无法在azure应用程序服务配置中获取appsettings

React客户端项目实质上下载一段代码以在客户端浏览器上运行，并且与azure应用程序设置无关。因此其process.env无法读取任何azure环境变量

但是您可以在项目中创建

.env

文件。然后您可以通过

process.env.REACT\u APP\u PREVIEWMODE

获取环境变量。（我已经在windows平台下进行了测试。）

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

应用程序

服务器端存在azure应用程序服务配置，而React应用程序包含在浏览器中执行的静态JavaScript文件中。只有Node.js后端可以访问环境变量，浏览器中没有。