Blazor(.NET 8)：如何从App.razor正确解析作用域服务？

针对你遇到的App.razor静态渲染导致作用域服务实例重复的问题，以下是两种可靠的解决办法：

方法一：通过自定义中间件提前初始化作用域服务 #

这是最推荐的方案，中间件能确保在组件渲染前就拿到HttpContext并完成服务初始化，且整个请求周期内服务实例唯一。

1. 定义作用域服务

public class TokenService
{
    public string? AccessToken { get; set; }
}

2. 注册作用域服务
   在Program.cs中添加服务注册：

builder.Services.AddScoped<TokenService>();

3. 编写令牌初始化中间件

public class TokenInitializerMiddleware
{
    private readonly RequestDelegate _next;

    public TokenInitializerMiddleware(RequestDelegate next)
    {
        _next = next;
    }

    public async Task InvokeAsync(HttpContext context, TokenService tokenService)
    {
        // 根据实际场景从HttpContext获取令牌，示例从Authorization头提取
        var authHeader = context.Request.Headers["Authorization"].FirstOrDefault();
        if (!string.IsNullOrEmpty(authHeader))
        {
            tokenService.AccessToken = authHeader.Replace("Bearer ", string.Empty);
        }

        await _next(context);
    }
}

4. 注册中间件
   在Program.cs的请求管道中，将中间件放在Blazor路由组件注册之前：

app.UseMiddleware<TokenInitializerMiddleware>();

// 注册Blazor组件
app.MapRazorComponents<App>()
   .AddInteractiveServerRenderMode();

之后所有组件注入TokenService即可直接使用已初始化的令牌，无需在组件内重复处理。

方法二：在请求作用域的路由组件中初始化服务 #

Blazor SSR中带@page标记的路由组件属于请求作用域，能直接获取HttpContext，且服务实例与子组件一致。

1. 注入服务与HttpContextAccessor
   在任意路由组件（比如Home.razor）中注入：

@page "/"
@inject TokenService TokenService
@inject IHttpContextAccessor HttpContextAccessor

2. 在OnInitializedAsync中初始化服务

@code {
    protected override void OnInitialized()
    {
        var httpContext = HttpContextAccessor.HttpContext;
        if (httpContext != null)
        {
            var authHeader = httpContext.Request.Headers["Authorization"].FirstOrDefault();
            TokenService.AccessToken = authHeader?.Replace("Bearer ", string.Empty);
        }
    }
}

如果有多个路由页面，可创建一个基础组件封装初始化逻辑，所有路由页面继承该组件避免重复代码。

注意：禁止在App.razor中初始化作用域服务，因为App组件是静态渲染的，其使用的服务实例与请求作用域内的组件服务实例不共享。

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