Visual Studio Code – How to show login page when accessing the site with Blazor server web app with .NET 8.0

The @attribute [Authorize] tag is to label a page/component that you need to be authenticated in order to view the content, however this will not redirect you to the login page if you are not logged in and does not work in the _imports.

So if I understand you correctly you would like to redirect the users to auth before they get to the page with the @attribute [Authorize] attribute.

You can achieve this by adding a check to your "MainLayout.razor"

Here is an example of the a code behind:

    public partial class MainLayout
    {
        //Gets context that contains auth state
        [CascadingParameter]
        private HttpContext? HttpContext { get; set; }
        
        //Injects Nav Man to redirect
        [Inject] private NavigationManager? NavMan { get; set; }
       
        
        /// <summary>
        /// On Init
        /// </summary>
        protected override async Task OnInitializedAsync()
        {
            //Check if user is logged in
            if (HttpContext == null || HttpContext.User.Identity.IsAuthenticated == false)
            {
                //Redirects if not logged in
                NavMan!.NavigateTo("Account/Login",true);
            }
            
            StateHasChanged();
        }
        
    }