c# - 授权需要类型为 Task 的级联参数。考虑使用 CascadingAuthenticationState 来提供这个

Question

我有一个使用个人帐户设置的 Blazor 服务器端项目。我搭建了 AspNet.Core.Identity 页面并希望在其中一个 razor 页面中使用 Blazor 组件通过使用 <component>标签助手。

我的 Razor 页面:

@page
@using SenseNet.Pages
@model WalletModel
@{
    ViewData["Title"] = "Wallet Data";
    ViewData["ActivePage"] = "WalletData";
}
@{
    Layout = "_Layout.cshtml";
}
<h3>@ViewData["Title"]</h3>
<component type="typeof(Counter)" render-mode="ServerPrerendered" />

我的 Counter Blazor 组件:

@page "/counter"

<PageTitle>Counter</PageTitle>
<h1>Counter</h1>

<AuthorizeView Policy="TwoFactorEnabled">
    <h1>Hello, @context.User.Identity.Name!</h1>
    <p>You can only see this content if you're authenticated.</p>
</AuthorizeView>

<p role="status">Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    [CascadingParameter]
    private Task<AuthenticationState> authenticationStateTask { get; set; }

    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

我在 App.razor 中的 CascadingAuthenticationState 设置:

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

当我加载页面时，我得到 InvalidOperationException: Authorization requires a cascading parameter of type Task<AuthenticationState>. Consider using CascadingAuthenticationState to supply this.

我已尝试按照此处所述实现故障排除解决方案:https://learn.microsoft.com/en-us/aspnet/core/blazor/security/?view=aspnetcore-6.0#expose-the-authentication-state-as-a-cascading-parameter但是我很茫然，因为即使我遵循了上面代码中的级联参数建议，它也不会更改错误消息。当我从 Blazor 组件中删除标签时，它起作用了。

我是不是按错了顺序？甚至可以使用 <AuthorizeView>如果组件要在 Razor 页面上呈现，则标记？

Answer 1

它通过简单地包装 <AuthorizeView> 来工作我的标签 Counter.razor与 <CascadingAuthenticationState>

<CascadingAuthenticationState>
    <AuthorizeView Policy="TwoFactorEnabled">
        <h1>Hello, @context.User.Identity.Name!</h1>
        <p>You can only see this content if you're authenticated.</p>
    </AuthorizeView>
</CascadingAuthenticationState>

我仍然不明白为什么我必须在那里做，因为它已经在 App.razor 中完成了文件和故障排除步骤特别注意:

It's likely that the project wasn't created using a Blazor Server template with authentication enabled. Wrap a <CascadingAuthenticationState> around some part of the UI tree, for example in the App component (App.razor)

因此我认为这是因为我将其呈现为 Identity Razor 页面中的一个组件，并且 App.razor不在那里使用/触发，因此它永远不会传递它。

我还删除了 [CascadingParameter] private Task<AuthenticationState> authenticationStateTask { get; set; }因为根本没有必要。