如何在Blazor WebAssembly中隐藏API请求未授权的控制台日志？

1. 用自定义HttpHandler拦截处理401 #

写一个自定义的消息处理器，在请求链路里捕获401响应，处理令牌刷新同时不让错误冒泡到控制台：

public class AuthMessageHandler : DelegatingHandler
{
    private readonly IAccessTokenProvider _tokenProvider;
    private readonly NavigationManager _navManager;

    public AuthMessageHandler(IAccessTokenProvider tokenProvider, NavigationManager navManager)
    {
        _tokenProvider = tokenProvider;
        _navManager = navManager;
    }

    protected override async Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
    {
        // 先尝试附加现有令牌
        var tokenResult = await _tokenProvider.RequestAccessToken();
        if (tokenResult.TryGetToken(out var token))
        {
            request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", token.Value);
        }

        var response = await base.SendAsync(request, cancellationToken);

        // 捕获401，触发令牌刷新
        if (response.StatusCode == HttpStatusCode.Unauthorized)
        {
            // 强制刷新令牌
            var refreshResult = await _tokenProvider.RequestAccessToken(new AccessTokenRequestOptions
            {
                Scopes = new[] { "your-api-scope" },
                ForceRefresh = true
            });

            if (refreshResult.TryGetToken(out var newToken))
            {
                // 用新令牌重发请求
                request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", newToken.Value);
                response = await base.SendAsync(request, cancellationToken);
            }
            else
            {
                // 刷新失败跳登录
                _navManager.NavigateTo($"authentication/login?returnUrl={Uri.EscapeDataString(_navManager.Uri)}");
            }

            // 原始401已处理，无需抛出错误到控制台
            return response;
        }

        return response;
    }
}

在Program.cs里注册这个处理器：

builder.Services.AddHttpClient("ProtectedAPI", client => 
    client.BaseAddress = new Uri(builder.HostEnvironment.BaseAddress))
    .AddHttpMessageHandler<AuthMessageHandler>();

builder.Services.AddScoped<AuthMessageHandler>();

2. 调用API时捕获401异常并吞掉 #

如果是直接调用HttpClient的场景，用try-catch精准捕获401异常，不输出日志：

try
{
    var data = await _httpClient.GetFromJsonAsync<YourDataModel>("api/protected/data");
    // 处理返回数据
}
catch (HttpRequestException ex) when ((int)ex.StatusCode == 401)
{
    // 这里已经在其他地方处理了令牌刷新，无需打日志
    // 可留空或执行登录跳转等后续操作
}

3. 关于浏览器网络面板的401记录 #

如果是浏览器开发者工具网络面板里显示的401请求记录，这是浏览器的默认行为，没法通过代码彻底隐藏。临时可以在网络面板的筛选器里输入 -status:401 来过滤掉这类请求，减少干扰。

注意点 #

• 别盲目吞所有401，只处理令牌过期导致的401，其他场景（比如权限不足）的401还是要留日志方便排查
• 刷新令牌逻辑要加锁，避免多个并发401请求重复触发刷新

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