C# 从Appsettings.json（.core）传递url参数以进行响应_C#_Reactjs_.net Core

C# 从Appsettings.json（.core）传递url参数以进行响应

c# reactjs .net-core

C# 从Appsettings.json（.core）传递url参数以进行响应,c#,reactjs,.net-core,C#,Reactjs,.net Core,我正在尝试访问appsettings.json文件中的url参数。原因是api URL与发布的开发不同。我不完全确定解决这个问题的最佳方法我找到了一个可行的解决方案：正如我从上面的线程所理解的，我需要创建一个服务并从React调用它？这似乎有点奇怪，因为我总是（？）需要对同一个项目执行API请求，以接收API请求所需的URL 另一个建议是使用webpack，或者以某种方式将url保存在客户端。但这是否意味着每当我需要更改环境时，我都需要在两个位置（后端和前端）更改环境这就是我的appse

我正在尝试访问appsettings.json文件中的url参数。原因是api URL与发布的开发不同。我不完全确定解决这个问题的最佳方法

我找到了一个可行的解决方案：

正如我从上面的线程所理解的，我需要创建一个服务并从React调用它？这似乎有点奇怪，因为我总是（？）需要对同一个项目执行API请求，以接收API请求所需的URL

另一个建议是使用webpack，或者以某种方式将url保存在客户端。但这是否意味着每当我需要更改环境时，我都需要在两个位置（后端和前端）更改环境

这就是我的appsettings.json文件的外观（对于.Development和.Publish，变量相同，但值不同）

在我的Startup课程中，我得到了以下值：

    var urlValue =
        _configuration.GetSection("Url");

我不能根据环境从后端获取一次值并使用React接收它吗

不确定我是否在这里想错了

如果有人能给我指出正确的方向，我将不胜感激。

我的解决方案是使用.env文档，但仍然使用.core launchSettings env

要使此解决方案发挥作用，我需要env cmd：

npm install env-cmd

添加了3.env文件：

 1. .env
 2. .env.development
 3. .env.prod

每个文件都包含一个url字符串：

REACT_APP_Url = https://localhost:44000

我添加了env check-in.core启动文件：

    app.UseSpa(spa =>
            {
                spa.Options.SourcePath = "ClientApp";

                if (env.IsDevelopment())
                {
                    spa.UseReactDevelopmentServer(npmScript: "start");
                }
                else if (env.IsProduction())
                {
                    spa.UseReactDevelopmentServer(npmScript: "build");
                }
            });

当我运行生产代码时，我指的是“构建”，所以在我的例子中，对象“构建”将运行

package.json文件：

"scripts": {
    "start": "rimraf ./build && react-scripts start",
    "build": "cross-env env-cmd -f .env.prod react-scripts start",
  }

我现在可以通过以下方式访问url：

{process.env.REACT\u APP\u Url}