[英]Refresh Blazor layout
我使用 AuthorizeView 获得了 2 个组件:
主布局:
<AuthorizeView>
<Authorized>
<HeaderMenu />
<NavMenu />
<main class="w-full">
@Body
</main>
</Authorized>
<NotAuthorized>
@Body
</NotAuthorized>
</AuthorizeView>
NavMenu(包含以下代码):
<AuthorizeView Roles="@(Role.SuperAdminRoleString + "," + Role.AdminRoleString)">
<Authorized>
<NavLink href="@ViewPaths.RegisterPage">
<span >Register a user</span>
</NavLink>
</Authorized>
</AuthorizeView>
NavMenu 是 MainLayout 的子项,如果用户未授权,则不会显示,成功登录后 MainLayout 的 AuthorizeView 正常工作并显示 NavMenu 但 NavMenu 的 AuthorizeView 不工作,除非我刷新页面
我试图从 MainLayout 为 NavMenu 调用 StateHasChanged() 但它不起作用,还强制重新加载重定向但它有一个奇怪的行为(NavMenu 在重新加载之前出现)
我猜在这一点上,但看起来你可能没有在App.razor
中设置CascadingAuthenticationState
。
这是一个例子:
@namespace Blazr.Auth
<CascadingAuthenticationState>
<Router AppAssembly="@typeof(App).Assembly" PreferExactMatches="@true">
<Found Context="routeData">
<AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)">
<Authorizing><h3>Trying to authorize you.</h3></Authorizing>
<NotAuthorized><h3>Sorry mate, you can't go here now!</h3></NotAuthorized>
</AuthorizeRouteView>
</Found>
<NotFound>
<LayoutView Layout="@typeof(MainLayout)">
<p>Sorry, there's nothing at this address.</p>
</LayoutView>
</NotFound>
</Router>
</CascadingAuthenticationState>
AuthorizeView
实例将其设置为参数
[CascadingParameter] private Task<AuthenticationState>? AuthenticationState { get; set; }
当它发生变化时,渲染器调用它们的SetParametersAsync
方法,触发渲染事件并更新它们的显示。
请参阅 - https://docs.microsoft.com/en-us/aspnet/core/blazor/security/?view=aspnetcore-6.0
我通过删除 cascadingParametre 解决了这个错误,我将它们替换为@inject AuthenticationStateProvider AuthenticationStateProvider
并且必须通过如下方式访问以验证 state:
var aut = await AuthenticationStateProvider.GetAuthenticationStateAsync();
if (aut.User.Identity.IsAuthenticated)
{
navigationManager.NavigateTo(ReturnUrl);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.