How do I redirect a page to the login if the user is not authenticated in Blazor WebAssembly?

To redirect to the login page when a user is not authenticated in Blazor WebAssembly:

1. Create a login page component for redirection.
   [LoginRedirect.razor]

   @inject NavigationManager UriHelper
   @code {
        protected override void OnInitialized()
        {
            UriHelper.NavigateTo("login");
        }
    }
   

2. Now add the LoginRedirect component to the NotAuthorized tag to redirect to the login page if the user is not authorized.
   [App.razor]

   <Router AppAssembly="@typeof(Program).Assembly" PreferExactMatches="@true">
            <Found Context="routeData">
                <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)">
                    <NotAuthorized>
                        <LoginRedirect />
                    </NotAuthorized>
                </AuthorizeRouteView>
            </Found>
            <NotFound>
                <LayoutView Layout="@typeof(MainLayout)">
                    <p>Sorry, there's nothing at this address.</p>
                </LayoutView>
            </NotFound>
        </Router>
   

   Refer to this documentation for more details.
   View Sample in GitHub