.NET 8 Blazor依赖注入页面刷新后服务实例为空的解决办法

问题根源在于InteractiveAuto渲染模式的特性：首次加载时可能由服务器端渲染，此时服务端DI容器已注册ClientService，注入正常；但页面刷新后，组件可能切换到客户端渲染，而客户端DI容器中未注册该服务，导致注入失败返回null。

解决步骤：

• 确保服务可被客户端访问：承载ClientService的项目需被客户端项目引用，且ClientService类标记为public。
• 在客户端DI容器中注册服务：打开客户端项目的Program.cs，添加与服务端相同的注册代码：

  builder.Services.AddScoped<ClientService>();
  

• 处理服务的跨端兼容性：如果ClientService依赖了服务端特有的资源（如HttpContext），需要重构服务：
  • 拆分服务逻辑，将客户端可执行的部分抽离为独立实现
  • 替换服务端特有的依赖为跨端可用的替代方案（比如用IHttpClientFactory替代直接访问服务端内部资源）
• 可选：使用构造函数注入增强可靠性：组件中改用构造函数注入替代属性注入，可在初始化阶段强制确保服务非null：

  @rendermode InteractiveAuto
  
  @code {
      private readonly ClientService _clientService;
  
      public YourComponent(ClientService clientService)
      {
          _clientService = clientService ?? throw new ArgumentNullException(nameof(clientService));
      }
  }
  

内容的提问来源于stack exchange，提问作者Enrico