我有一个包含 2 个项目的 Visual Studio 2019 解决方案：
我正在使用 Fetch API 从 Razor Pages 应用程序中的 Razor Pages 对 Web API 进行 JavaScript 调用。
例如：
fetch("https://localhost:44325/api/Customer/12")
.then(response => response.json())
.then(data => processData(data))
.catch(err => showError(err));
如何根据 Web 应用运行的环境（即开发（如上）、登台、生产等）配置 url（上面 fetch() 调用的第一个参数）？
【问题讨论】：
标签： javascript asp.net-core fetch-api
如何配置 url（fetch() 调用的第一个参数 以上）取决于Web App运行的环境
- 即开发（如上）、分期、生产等？
首先，根据环境添加多个 appsettings.Environment.json ：例如 appsettings.Production.json 和 appsettings.Development.json 文件：
appsettings.Production.json：
{
"API": {
"URL": "https://localhost:44325/api/Customer/12", //store the url
"Environment": "Production"
},
"Logging": {
"LogLevel": {
"Default": "Information",
"Microsoft": "Warning",
"Microsoft.Hosting.Lifetime": "Information"
}
}
}
然后，在视图页面中，使用@inject 指令添加IConfiguration，然后您可以从视图页面访问配置值。然后你可以使用隐藏字段来存储Api URL，在使用Tetch Api之前，使用Jquery查找隐藏字段并获取URL。
@inject Microsoft.AspNetCore.Hosting.IWebHostEnvironment hostingEnv
@inject Microsoft.Extensions.Configuration.IConfiguration configuration
<p> ASPNETCORE_ENVIRONMENT = @hostingEnv.EnvironmentName</p>
<p> ASPNETCORE_ENVIRONMENT = @configuration["API:Environment"]</p>
<p> API URl : <span>@configuration["API:URL"]</span></p>
<input type="hidden" id="hid_apiurl" value="@configuration["API:URL"]" />
结果如下：
【讨论】：
我正在寻找类似的东西，我找到了这篇文章。 https://www.thecodebuzz.com/set-appsettings-json-dynamically-dev-and-release-environments-asp-net-core/
您可以拥有多种类型的 appsettings.json 文件，其中包含特定于 DEV、TEST 或 STAGING 和 PROD 的配置详细信息。 然后只需在设置文件中定义您的网址，例如
appsettings.Development.json
{
"ApiUrls": {
"CustomerApi": "https://localhost:44325/api/Customer/12",
}
}
appsettings.prod.json
{
"ApiUrls": {
"CustomerApi": "https://productionurlblablabla/api/Customer/12",
}
}
等等。那里都描述了它对我有用，但我不是这本书的作者，所以请随意阅读，祝你好运。
【讨论】：