Blazor Server登录重定向导致blazor.web.js加载失败求助

1. 调整中间件顺序，优先放行静态资源 #

问题核心是blazor.web.js这类静态资源请求被认证中间件拦截重定向，返回了Login页面的HTML而非JS文件，导致语法错误。首先要确保静态文件中间件在认证、授权中间件之前注册：

var builder = WebApplication.CreateBuilder(args);

// 注册服务（认证、授权等）
builder.Services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme)
    .AddCookie(options => {
        options.LoginPath = "/Login";
        // 其他Cookie配置项
    });
builder.Services.AddAuthorization();

var app = builder.Build();

// 先启用静态文件中间件，确保静态资源不被拦截
app.UseStaticFiles();

// 再注册路由、认证、授权中间件
app.UseRouting();
app.UseAuthentication();
app.UseAuthorization();

app.MapBlazorHub();
app.MapFallbackToPage("/_Host");
// 映射Login页面及其他业务路由

2. 配置Cookie认证，忽略静态资源路径 #

如果调整中间件顺序后仍有问题，可在Cookie认证事件中排除静态资源路径，避免这类请求被重定向：

builder.Services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme)
    .AddCookie(options => {
        options.LoginPath = "/Login";
        options.Events = new CookieAuthenticationEvents
        {
            OnRedirectToLogin = context =>
            {
                // 跳过框架资源、CSS、JS文件的重定向，返回401而非HTML
                var skipPaths = new[] { "/_framework", "/css", "/js" };
                if (skipPaths.Any(path => context.Request.Path.StartsWithSegments(path)))
                {
                    context.Response.StatusCode = StatusCodes.Status401Unauthorized;
                    return Task.CompletedTask;
                }
                context.Response.Redirect(context.RedirectUri);
                return Task.CompletedTask;
            }
        };
    });

3. 优化Blazor组件内的授权重定向逻辑 #

在App.Razor的授权拦截逻辑中，仅对页面路由请求做重定向，避免干扰静态资源加载：

<CascadingAuthenticationState>
    <Router AppAssembly="@typeof(App).Assembly">
        <Found Context="routeData">
            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)">
                <NotAuthorized>
                    @{
                        // 仅在非资源请求时触发重定向，强制服务器端跳转
                        if (!NavigationManager.Uri.Contains("_framework"))
                        {
                            NavigationManager.NavigateTo("/Login", forceLoad: true);
                        }
                    }
                </NotAuthorized>
            </AuthorizeRouteView>
        </Found>
        <NotFound>
            <LayoutView Layout="@typeof(MainLayout)">
                <p>Sorry, there's nothing at this address.</p>
            </LayoutView>
        </NotFound>
    </Router>
</CascadingAuthenticationState>

4. 修正自定义授权结果处理器的逻辑 #

如果之前用IAuthorizationMiddlewareResultHandler无效，调整实现逻辑，跳过静态资源的重定向：

public class CustomAuthorizationHandler : IAuthorizationMiddlewareResultHandler
{
    private readonly AuthorizationMiddlewareResultHandler _defaultHandler = new();

    public async Task HandleAsync(RequestDelegate next, HttpContext context, AuthorizationPolicy policy, PolicyAuthorizationResult authorizeResult)
    {
        if (!authorizeResult.Succeeded)
        {
            // 忽略静态资源请求，直接返回401
            if (context.Request.Path.StartsWithSegments("/_framework") || 
                context.Request.Path.StartsWithSegments("/css") || 
                context.Request.Path.StartsWithSegments("/js"))
            {
                context.Response.StatusCode = StatusCodes.Status401Unauthorized;
                return;
            }
            context.Response.Redirect("/Login");
            return;
        }

        await _defaultHandler.HandleAsync(next, context, policy, authorizeResult);
    }
}

然后在Program.cs中注册该处理器：

builder.Services.AddSingleton<IAuthorizationMiddlewareResultHandler, CustomAuthorizationHandler>();

5. 验证_Host.cshtml的JS引用 #

确保_Host.cshtml中blazor.web.js的引用路径正确，且Login页面的宿主页允许匿名访问：

<script src="_framework/blazor.web.js"></script>

内容的提问来源于stack exchange，提问作者Wolfenstyne