You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.NET 6 Blazor WASM自定义布局无法重定向至Identity Server问题

问题根因

核心故障是布局组件的渲染逻辑错误,承载登录跳转逻辑的RemoteAuthenticatorView组件始终没有被渲染,自然无法触发重定向到身份认证服务器的流程。
你的代码存在两个关键逻辑漏洞:

  • MainLayout.razor中根据认证状态切换布局时,未向内部的LoginLayout传递Body参数,未认证状态下所有路由匹配到的页面内容会被直接丢弃,页面只渲染LoginLayout内置的按钮内容,不会输出任何路由对应的页面组件。
  • LoginLayout.razor本身作为布局组件,既没有继承布局基类,也没有预留@Body的渲染位置,即使传递了Body参数也无法正常显示页面内容。

你看到地址栏URL变更但页面无响应,本质是Blazor路由已经匹配到了/authentication/login对应的Authentication.razor页面,但布局层直接吞掉了该页面的渲染内容,页面始终停留在LoginLayout的静态按钮视图。控制台输出的授权失败日志是未认证状态下访问受保护资源的正常提示,不是故障原因。

修复方案

按以下步骤调整代码即可:

  1. 修改MainLayout.razor,切换布局时必须传递Body参数,保证路由匹配到的页面内容能被正常传递到内层布局:
    @inherits LayoutComponentBase
    
    <AuthorizeView>
        <Authorized>
            <AppLayout Body=@Body />            
        </Authorized>
        <NotAuthorized>
            <LoginLayout Body=@Body />
        </NotAuthorized>
    </AuthorizeView>
    
  2. 补全LoginLayout.razor的布局定义,添加布局基类继承和@Body渲染位置,确保页面组件能正常输出:
    @inherits LayoutComponentBase
    @inject IConfiguration _config
    @inject NavigationManager _navigationManager
    @attribute [AllowAnonymous]
    
    <div class="login-page-main d-flex justify-content-center">
        @* 渲染路由匹配到的页面内容 *@
        @Body
        <button class="btn btn-primary" @onclick="OnLoginBtnClicked">Login</button>
    </div>
    
    @code {
        private void OnLoginBtnClicked()
        {
            _navigationManager.NavigateTo("authentication/login");
        }
    }
    

调整完成后,点击Login按钮导航到/authentication/login路径时,RemoteAuthenticatorView会被正常渲染,组件会自动触发OIDC授权流程,跳转到中心身份认证服务器的登录页面,无需额外给NavigateTo方法添加强制刷新参数。

内容的提问来源于stack exchange,提问作者Kostas_Me_

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.26 12:03:25