读取 react 中的 web.config

0 人关注

我按照这个例子在react项目中添加了web.config文件。

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() %>';


           
            
             DeepDave-MT
            
            ：


           
            
             这是否回答了你的问题？
             
              如何从javascript文件的web.config中读取键值？


           
            
             @DeepDave-MT 我将试着用这个。非常感谢您!


           
            
             我试着像thi值不读让SERVICE_BASE_URL = '<%= System.Configuration.ConfigurationManager.AppSettings["SERVICE_BASE_URL"].ToString() %>' 。


         
          reactjs


         
          azure


         
          web-config


          
           
            
            
             HarshithaVeeramalla-MT
            
           
           
            发布于
            
            2022-04-08


          
           已采纳


          
           
            在你的React项目的根部创建一个.env文件来声明环境变量。
           
           
            React中的环境变量必须以
            
             REACT APP_
            
            为前缀，否则该变量在捆绑过程中会被忽略。

推荐文章

朝气蓬勃的柿子 · luban-react-cli CDN by jsDelivr - A CDN for npm and GitHub

1 月前

豁达的帽子 · Externals - Rspack

1 月前

还单身的弓箭 · TypeError: Cannot read property 'filter' of undefined when starting my Next.js app · vercel/next.js

1 月前

喝醉的哑铃 · New Override feature not working for nested peer dependencies? · npm/rfcs · Discussion #552 · GitHub

1 月前

细心的机器猫 · How to Fix npm Peer Dependency Conflicts

1 月前

谦和的牛排 · metersphere docker引擎 docker引擎有哪些构成_mob64ca13f446df的技术博客_51CTO博客

2 年前

贪玩的火车 · Curl命令详解 - 简书

3 年前

讲道义的猴子 · 使用conda安装pydot及其遇到的问题解决方案 - 小鹏_Leo - 博客园

3 年前

深沉的凉茶 · 一文掌握Conda软件安装：虚拟环境、软件通道、加速solving、跨服务器迁移_刘永鑫Adam的博客-CSDN博客

3 年前

不拘小节的开心果 · 行输入语句 (VBA) | Microsoft Learn

3 年前