Blazor Redirect To Login Page

Web Development Software

Blazor is a powerful framework that allows developers to build interactive web applications using C# and .NET. One common requirement in many web applications is the need to redirect users to a login page when they are not authenticated. In this article, I will explore how to implement a redirect to a login page in a Blazor application.

First, let’s consider why we might need to redirect users to a login page. When building a web application, we usually want to restrict access to certain pages or features to authorized users only. To achieve this, we need to authenticate users and ensure that they are logged in before they can access restricted content.

In a Blazor application, we can handle the redirection to the login page using the built-in authentication and authorization features provided by the framework. Blazor supports multiple authentication schemes, including cookie-based authentication and token-based authentication using JWT (JSON Web Tokens).

To redirect users to a login page, we can leverage the authentication state in Blazor. The authentication state represents whether the user is authenticated or not. We can access this state using the AuthenticationStateProvider service, which is available as a dependency injection in Blazor.

Here’s an example of how we can redirect users to a login page in Blazor:

@inject AuthenticationStateProvider AuthenticationStateProvider

@functions {
  protected override async Task OnInitializedAsync()
    var authenticationState = await AuthenticationStateProvider.GetAuthenticationStateAsync();
    if (!authenticationState.User.Identity.IsAuthenticated)

In this example, we inject the AuthenticationStateProvider service into our component and override the OnInitializedAsync method. Inside this method, we retrieve the current authentication state using GetAuthenticationStateAsync and check if the user is not authenticated. If the user is not authenticated, we use the NavigationManager to navigate to the login page.

It’s worth noting that the NavigationManager is another built-in service in Blazor that provides navigation functionality. We can use it to navigate to different pages within our application.

By implementing the above code, whenever a user tries to access a page that requires authentication, they will be automatically redirected to the login page. This helps to ensure that only authorized users can access restricted content in our Blazor application.


Redirecting users to a login page is a common requirement in web applications, and Blazor provides an easy and effective way to handle this. By leveraging the authentication state and the navigation functionality provided by Blazor, we can redirect users to a login page when they are not authenticated, ensuring the security and integrity of our application.

Blazor’s flexibility and power make it a great choice for building interactive web applications with seamless authentication and authorization. With the ability to write server-side or client-side code, developers can create robust applications that meet their needs.