Blazor WASM中ASP.NET Identity未授权用户跳转配置方法

当用@attribute [Authorize(Roles = "Admin")]标记页面时，未授权用户访问会显示空白页，这是因为授权拦截了组件初始化，导致OnInitializedAsync这类生命周期方法根本不会触发。以下是几种可行的解决方案：

方法1：自定义授权路由视图（推荐） #

创建一个自定义组件继承AuthorizeRouteView，替换默认的授权路由逻辑，直接在未授权时渲染重定向组件：

@inherits AuthorizeRouteView

@if (!context.Authorized)
{
    <!-- 这里可以直接渲染访问被拒绝组件，或者用导航组件跳转 -->
    <RedirectToAccessDenied />
}
else
{
    @base.Default(context)
}

然后在App.razor中把原有的AuthorizeRouteView替换成这个自定义组件即可。

方法2：修改App.razor的授权 fallback 模板 #

直接在App.razor的AuthorizeRouteView里配置NotAuthorized模板，指定未授权时的行为：

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)">
            <NotAuthorized>
                <!-- 方案A：直接渲染访问被拒绝组件 -->
                <AccessDenied />
                <!-- 方案B：用导航组件跳转到指定页面 -->
                <!-- <RedirectToAccessDenied /> -->
            </NotAuthorized>
            <Authorizing>
                <p>加载中...</p>
            </Authorizing>
        </AuthorizeRouteView>
        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
    </Found>
    <NotFound>
        <PageTitle>未找到页面</PageTitle>
        <LayoutView Layout="@typeof(MainLayout)">
            <p role="alert">抱歉，该地址不存在。</p>
        </LayoutView>
    </NotFound>
</Router>

如果用方案B的跳转组件，需要创建一个简单的导航组件：

@inject NavigationManager NavManager

@code {
    protected override void OnInitialized()
    {
        NavManager.NavigateTo("/access-denied");
    }
}

方法3：全局监听授权状态 #

在根布局（比如MainLayout.razor）中监听AuthenticationStateProvider的状态变化，检测到未授权访问受保护页面时自动跳转：

@inject AuthenticationStateProvider AuthStateProvider
@inject NavigationManager NavManager
@inherits LayoutComponentBase

<!-- 布局内容 -->
@Body

@code {
    protected override async Task OnInitializedAsync()
    {
        var authState = await AuthStateProvider.GetAuthenticationStateAsync();
        CheckAndRedirect(authState.User);

        // 监听后续授权状态变化
        AuthStateProvider.AuthenticationStateChanged += async state =>
        {
            var user = (await state).User;
            CheckAndRedirect(user);
        };
    }

    private void CheckAndRedirect(ClaimsPrincipal user)
    {
        var currentPath = NavManager.Uri.Replace(NavManager.BaseUri, "/");
        // 检查当前路由是否是Admin专属页面，且用户无Admin角色
        if (currentPath.StartsWith("/admin") && !user.IsInRole("Admin"))
        {
            NavManager.NavigateTo("/access-denied");
        }
    }
}

关键说明 #

之所以OnInitializedAsync没触发，是因为[Authorize]属性会在组件初始化之前就拦截请求，组件根本不会被实例化，所以生命周期方法不会执行。必须通过授权框架提供的回调入口（比如NotAuthorized模板）或者全局路由/授权状态监听来处理。

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