Blazor 服务注入无法正常工作

Question

我在 Blazor 3.0.0-preview4-19216-03 中有此代码针对客户端应用程序：

namespace BlazorShared.Services
{
    public interface ILogin
    {
        Task<string> Login();
    }

    public class LoginService : ILogin
    {
        private HttpClient _client;

        public LoginService(HttpClient client)
        {
            _client = client;
        }

        public async Task<string> Login()
        {
            var myclient = new HttpClient();

            var responseMessage = await myclient.GetAsync("http://www.google.es");
            var content = await responseMessage.Content.ReadAsStringAsync();

            Debug.WriteLine(content);

            return content;
        }
    }
}

public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddSingleton<ILogin, LoginService>();
    }

    public void Configure(IComponentsApplicationBuilder app)
    {
        app.AddComponent<App>("app");
    }
}

还有这个 HTML

@functions {
    public async Task Submit()
    {
        var str = await LoginService.Login(null, null, null);
        Console.WriteLine(str);
    }
}

完整的 Razor 文件：https://pastebin.com/3LbQQvk0

我已经对其进行了测试，但网络请求永远不会完成，我无法在客户端中显示服务响应。我已经尝试在instructions 之后在 chrome 中进行调试，我看到正在调用服务方法，但没有调用服务的构造函数，据我所知，Blazor 应该注入 HttpClient。任何想法会发生什么？谢谢。

Answer 1

即使不是罪魁祸首，以下也是错误的...... 在 LoginService 中，您定义一个 HttpClient 变量，将 DI 提供的 HttpClient 实例分配给该变量。另一方面，您定义了一个名为 myclient 的新 HttpClient 对象并在 Login 方法中使用它。

您应该使用 DI 提供的对象。您不应该自己定义 HttpClient 对象。为什么 ？因为 Blazor 为您配置了它创建的 HttpClient。例如，设置 Document base URI，使您的 Web 应用程序可以作为 SPA 应用程序进行导航。

希望这会有所帮助...