小编Mat*_*att的帖子

如何将AppSettings从ASP.NET Core MVC控制器传递到ReactJS / Redux ClientApp?

我试图弄清楚如何从AppSettings.json中获取ApiUrl设置到ReactJS / Redux状态。

我发现以下文章,但是,它是针对Angular的。 https://elanderson.net/2017/10/pass-asp-net-core-appsettings-values-to-angular/

我可以使用该示例将我的MVC页面更改为:

@using Microsoft.Extensions.Configuration @inject IConfiguration Configuration @{ ViewData["Title"] = "Home Page"; }

<div id="react-app" asp-prerender-module="ClientApp/dist/main-server" asp-prerender-data='new { apiUrl = Configuration["ApiUrl"] }'>Loading...</div>

@section scripts {
<script src="~/dist/main-client.js" asp-append-version="true"></script>
}
Run Code Online (Sandbox Code Playgroud)

这是我的AppSettings.json:

{
  "ApiUrl": "http://localhost:55556/",
  "Logging": {
    "LogLevel": {
      "Default": "Debug",
      "System": "Information",
      "Microsoft": "Information"
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

我想将ApiUrl参数从我的AppSettings发送到ApplicationState并从我的ReactJS TypeScript组件访问它。

我使用命令创建了这个应用程序,dotnet new reactredux而我对ReactJS和Redux还是很陌生。

reactjs asp.net-core-mvc redux server-side-rendering asp.net-core-2.0

5
推荐指数
1
解决办法
1321
查看次数