16、从 Blazor WebAssembly 消费 Web API

从 Blazor WebAssembly 消费 Web API

在开发 Blazor WebAssembly 应用时，与 Web API 进行交互是常见的需求。本文将详细介绍如何在 Blazor WebAssembly 中配置 HttpClient 以调用 Web API，包括发送 GET 和 POST 请求，以及如何使用 IHttpClientFactory 和委托处理程序来增强 API 调用的功能。

配置 Blazor WebAssembly 中的 HttpClient

在 Blazor WebAssembly 中， FetchData 组件注入了 HttpClient 实例，该对象已在依赖注入容器中注册。默认情况下，Blazor 会为我们完成此操作。打开 Program.cs 文件，会看到以下代码：

builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

这行代码注册了一个新的 HttpClient 对象，并通过 BaseAddress 属性配置了基本地址。该属性设置了每个请求的基本 URL。默认情况下，它被设置为应用程序的根 URL，因此 FetchData 组件中