Blazor WASM - 在所有HttpClient调用中全局捕获401并跳转到登录页面
创始人
2024-12-20 17:01:50
0

要在Blazor WebAssembly应用程序中全局捕获401错误并跳转到登录页面,您可以使用自定义的HttpMessageHandler和拦截器来实现。以下是一个解决方法的示例:

  1. 创建一个名为AuthHttpMessageHandler的自定义HttpMessageHandler类。该类是一个派生自DelegatingHandler的中间件,用于拦截所有传出的Http请求并检查响应状态码。
public class AuthHttpMessageHandler : DelegatingHandler
{
    private readonly NavigationManager _navigationManager;

    public AuthHttpMessageHandler(NavigationManager navigationManager)
    {
        _navigationManager = navigationManager;
    }

    protected override async Task SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
    {
        var response = await base.SendAsync(request, cancellationToken);

        if (response.StatusCode == HttpStatusCode.Unauthorized)
        {
            _navigationManager.NavigateTo("login"); // 重定向到登录页面
        }

        return response;
    }
}
  1. 在Program.cs文件中,注册AuthHttpMessageHandler作为HttpClient的默认处理程序。
public static async Task Main(string[] args)
{
    var builder = WebAssemblyHostBuilder.CreateDefault(args);
    
    // ...

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

    // ...

    await builder.Build().RunAsync();
}
  1. 使用注入的HttpClient来进行API调用。
@inject HttpClient httpClient

@code {
    private async Task CallApi()
    {
        var response = await httpClient.GetAsync("api/some-endpoint");

        if (!response.IsSuccessStatusCode)
        {
            // 401错误将在AuthHttpMessageHandler中被拦截和处理
            // 在这里可以处理其他错误码
        }
    }
}

在上述代码中,当API返回401错误时,AuthHttpMessageHandler会拦截响应并通过NavigationManager将用户重定向到登录页面。您可以根据自己的需求进行修改和扩展。

相关内容

热门资讯

保存时出现了1个错误,导致这篇... 当保存文章时出现错误时,可以通过以下步骤解决问题:查看错误信息:查看错误提示信息可以帮助我们了解具体...
汇川伺服电机位置控制模式参数配... 1. 基本控制参数设置 1)设置位置控制模式   2)绝对值位置线性模...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
不一致的条件格式 要解决不一致的条件格式问题,可以按照以下步骤进行:确定条件格式的规则:首先,需要明确条件格式的规则是...
本地主机上的图像未显示 问题描述:在本地主机上显示图像时,图像未能正常显示。解决方法:以下是一些可能的解决方法,具体取决于问...
表格列调整大小出现问题 问题描述:表格列调整大小出现问题,无法正常调整列宽。解决方法:检查表格的布局方式是否正确。确保表格使...
表格中数据未显示 当表格中的数据未显示时,可能是由于以下几个原因导致的:HTML代码问题:检查表格的HTML代码是否正...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...