加载Blazor WebAssembly应用程序时,它首先下载Blazor.WebAssembly.js和所有。NET程序集。在加载完所有内容之前,它将显示一条加载消息。我们可以很容易地在wwwroot/index.html
中更改此消息
<body>
<!-- 👇 Here -->
<app>Loading...</app>
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>
<script src="_framework/blazor.webassembly.js"></script>
但是,如果我们使用身份验证(CascadingAuthenticationState
、AuthorizeRouteView
…(来保护您的应用程序,我们还会看到"授权…"在左上角。
我的问题是:如何自定义此消息?我什么也没看到。
在App.razor
中,您可以:
...
<AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)">
<Authorizing>
Some other authorizing message...
</Authorizing>
<NotAuthorized>
@if (!context.User.Identity.IsAuthenticated)
{
<RedirectToLogin />
}
else
{
<p>You are not authorized to access this resource.</p>
}
</NotAuthorized>
</AuthorizeRouteView>
...