Azure WebApp中Blazor WASM调用WebAPI返回fallback页面而非JSON问题

核心排查要点 #

• 路由与Fallback规则：Azure环境下API请求可能被Blazor的Fallback路由意外捕获，导致返回HTML页面
• Azure CORS配置完整性：检查是否包含OPTIONS方法、Authorization等OIDC必需请求头，以及是否启用WebSocket支持（Blazor WASM依赖）
• OIDC认证配置差异：对比本地与生产环境的权威服务器地址、受众、令牌验证逻辑，确认生产环境配置无遗漏
• API授权策略：排查生产环境是否启用了本地未配置的严格授权规则，导致请求被拦截后重定向到Fallback页面

需要提供的代码/配置片段 #

1. WebAPI项目Program.cs
   • 路由配置（重点是MapFallbackToFile/MapFallbackToPage部分）
   • CORS服务注册（AddCors）及中间件启用（UseCors）代码
   • OIDC认证（AddAuthentication）与授权（AddAuthorization）配置代码
2. Azure门户CORS配置详情
   • 允许的来源列表、允许的HTTP方法、允许的请求头、是否勾选"允许凭据"
3. Blazor WASM客户端Program.cs
   • HttpClient配置（含OIDC令牌拦截逻辑）
   • OIDC客户端初始化（AddOidcAuthentication）代码
4. 问题API控制器代码
   • 路由属性、[Authorize]等授权属性定义
5. OIDC配置失败的日志片段
   • 浏览器控制台或Azure应用日志中，关于OpenID配置请求的错误信息

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