Use HttpClient factory registration.

Author: Layoric

MyApp/Components/Pages/FetchData.razor

@@ -1,5 +1,5 @@
 @page "/fetchdata"
-@inject HttpClient Http
+@inject IHttpClientFactory HttpClientFactory
 
 <h1 class="mb-4 text-2xl font-semibold text-gray-900 dark:text-gray-100">
     Weather forecast
@@ -24,10 +24,16 @@ else
 <ExampleCode Title="Source Code" Path="/FetchData.razor" />
 
 @code {
+    private HttpClient _httpClient;
+
+    protected override void OnInitialized()
+    {
+        _httpClient = HttpClientFactory.CreateClient("Blazor");
+    }
     List<WeatherForecast> forecasts = new();
 
     protected override async Task OnInitializedAsync()
     {
-        forecasts = await Http.GetFromJsonAsync<List<WeatherForecast>>("data/weather.json") ?? forecasts;
+        forecasts = await _httpClient.GetFromJsonAsync<List<WeatherForecast>>("data/weather.json") ?? forecasts;
     }
 }

MyApp/Components/Pages/gallery/DataGrid/Custom.razor

@@ -1,5 +1,5 @@
 @page "/gallery/datagrid/custom"
-@inject HttpClient Http
+@inject IHttpClientFactory HttpClientFactory
 
 <DataGrid Items=@forecasts class="max-w-screen-md" TableStyle="TableStyle.StripedRows | TableStyle.UppercaseHeadings">
     <Column Field="(WeatherForecast x) => x.Date" Format="dd/MM/yyyy" />
@@ -9,10 +9,16 @@
 </DataGrid>
 
 @code {
+    private HttpClient _httpClient;
+
+    protected override void OnInitialized()
+    {
+        _httpClient = HttpClientFactory.CreateClient("Blazor");
+    }
     List<WeatherForecast> forecasts = new();
 
     protected override async Task OnInitializedAsync()
     {
-        forecasts = await Http.GetFromJsonAsync<List<WeatherForecast>>("/data/weather.json") ?? new();
+        forecasts = await _httpClient.GetFromJsonAsync<List<WeatherForecast>>("/data/weather.json") ?? new();
     }
 }

MyApp/Program.cs

@@ -51,7 +51,7 @@
 
 var baseUrl = builder.Configuration["ApiBaseUrl"] ??
     (builder.Environment.IsDevelopment() ? "https://localhost:5001" : "http://" + IPAddress.Loopback);
-services.AddScoped(c => new HttpClient { BaseAddress = new Uri(baseUrl) });
+services.AddHttpClient("Blazor", client => client.BaseAddress = new Uri(baseUrl));
 services.AddBlazorServerIdentityApiClient(baseUrl);
 services.AddLocalStorage();
 

MyApp/appsettings.Development.json

@@ -7,5 +7,6 @@
   },
   "SmtpConfig": {
     "Host": "localhost"
-  }
+  },
+  "ApiBaseUrl": "https://localhost:5001"
 }