在反应中阅读 web.config

Question

我已按照此示例将 web.config 文件添加到 React 项目。

https://javascript.works-hub.com/learn/how-to-host-a-react-app-on-azure-10042

我已将以下代码添加到我的 web.config。

 <appSettings>
    <add key="SERVICE_BASE_URL"value="https://localhost:44385/"/> 
</appSettings>

我需要从 React 中读取这个值。有没有办法做到这一点。请提出任何建议。我试过这种方式。

import "../web.config";
let SERVICE_BASE_URL = '<%= System.Configuration.ConfigurationManager.AppSettings["SERVICE_BASE_URL"].ToString() %>';

Answer 1

• 在 React 项目的根目录下创建一个 .env 文件来声明环境变量。
• React 中的环境变量必须以 REACT APP_ 为前缀，否则该变量将在捆绑过程中被忽略。
• 您可以使用 process.env 全局对象访问这些变量，而无需任何导入语句。
• 您还可以根据当前情况更改环境变量的设置。对于开发环境，变量可以存储在 .env.development 中。
• 同样，您可以为生产设置维护 .env.production 中的变量。

更多信息请参考Store and Read Configuration Files Using React , Environment Variables in ReactJS. and 。