Blazor WASM中为未认证用户设置不同布局的问题求助

问题背景 #

基于.NET 8.0.8搭建的Blazor WASM应用，采用Azure AD B2C做用户管理，需要给未认证用户的页面配置独立的PublicLayout。默认单布局模式运行正常，但按照Steve Sanderson的方案修改App.razor后，点击Login链接无法唤起Azure AD B2C的登录/注册弹窗，同时出现报错。已完成的修改包括创建PublicLayout.razor，并将Router嵌套在AuthorizeView的Authorized/NotAuthorized分支中。

问题根源 #

把整个Router嵌套在AuthorizeView内部的结构，会破坏Blazor认证状态的级联传递逻辑，同时导致Router无法正确处理Azure AD B2C的登录回调路由，最终引发登录流程失效。

解决方案 #

正确的做法是让Router作为顶层组件，通过AuthorizeRouteView动态切换布局，具体步骤如下：

1. 重构App.razor结构 #

恢复Router的顶层位置，通过AuthorizeRouteView的授权分支指定对应布局：

<CascadingAuthenticationState>
    <Router AppAssembly="@typeof(Program).Assembly">
        <Found Context="routeData">
            <AuthorizeRouteView RouteData="@routeData">
                <Authorized>
                    <LayoutView Layout="@typeof(MainLayout)">
                        <@routeData.Page />
                    </LayoutView>
                </Authorized>
                <NotAuthorized>
                    <LayoutView Layout="@typeof(PublicLayout)">
                        <@routeData.Page />
                    </LayoutView>
                </NotAuthorized>
            </AuthorizeRouteView>
            <FocusOnNavigate RouteData="@routeData" Selector="h1" />
        </Found>
        <NotFound>
            <PageTitle>Not found</PageTitle>
            <LayoutView Layout="@typeof(PublicLayout)">
                <p>Sorry, there's nothing at this address.</p>
            </LayoutView>
        </NotFound>
    </Router>
</CascadingAuthenticationState>

2. 确认LoginDisplay组件正常工作 #

• 确保LoginDisplay是模板自带组件（或自定义组件逻辑正确），点击Login时调用NavigationManager.NavigateTo("authentication/login")——这是Blazor WASM认证模板默认的触发Azure AD B2C登录的路由。

3. 验证Azure AD B2C配置 #

• 检查appsettings.json中的Azure AD B2C配置，确认RedirectUri和PostLogoutRedirectUri指向正确的回调路径（例如https://localhost:5001/authentication/login-callback）。
• 确认Azure AD B2C租户的应用注册中，已添加上述正确的重定向URI。

4. 可选：给特定页面指定固定布局 #

如果需要强制某些页面使用指定布局，可以在页面组件中添加@layout指令：

@layout PublicLayout
@page "/public-home"

<h1>公开首页</h1>

通过以上修改，未认证用户会自动使用PublicLayout，认证用户使用MainLayout，同时Login链接能正常触发Azure AD B2C的登录弹窗，不会出现路由或认证状态异常。

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