Blazor WASM认证部署至Azure后异常问题求助

问题概述 #

项目基于Visual Studio 2023 Blazor WASM模板开发，仅在Home.razor页面添加@attribute [Authorize]特性，本地运行无异常，但发布至Azure App Service后出现两类问题：

• Windows Chrome：完全关闭浏览器后重新打开，登录流程报错"undefined" is not valid JSON，重新输入URL或打开新标签页可恢复正常
• 移动端Edge（Android/iPad）：除上述问题外，移除Home页[Authorize]特性后，点击登录按钮会打开新标签页显示“完成登录”并持续卡住

排查与解决方向 #

1. Azure App Service 基础配置校验 #

• 强制启用HTTPS Only：Blazor WASM认证依赖安全上下文，HTTP环境下会导致认证存储数据损坏，触发JSON解析错误
• 核对ASPNETCORE_ENVIRONMENT设置：生产环境下需确保认证中间件的Cookie配置（Secure、SameSite）符合浏览器安全规范
• 检查CORS规则：确认身份提供商回调域名已加入允许列表，移动端跨标签页认证依赖正确的跨域策略

2. 认证中间件配置优化 #

• 检查Program.cs中AddOidcAuthentication的配置：生产环境必须使用ResponseType = "code"的授权码流，避免隐式流带来的存储异常
• 排查浏览器存储：异常触发时，通过浏览器开发者工具查看localStorage/sessionStorage中是否存在值为undefined的认证相关条目，可在认证回调逻辑中添加存储校验，过滤无效数据
• 显式配置Cookie属性：在OIDC配置中设置Cookie.SameSite = SameSiteMode.Lax（或None，需配合Secure = true），解决跨标签页/跨设备的Cookie传递问题

3. 身份提供商（如Azure AD）配置检查 #

• 确认重定向URI：已添加Azure App Service生产域名的回调地址（https://<你的应用名>.azurewebsites.net/authentication/login-callback），且类型设置为SPA
• 校验令牌格式：确保ID Token/Access Token返回内容格式正确，无空值或异常字段，可通过本地测试捕获令牌内容与生产环境对比

4. Blazor路由与授权逻辑调整 #

• 移除Home页[Authorize]后，检查App.razor中RouteView的授权处理逻辑，避免未授权状态下的路由跳转冲突
• 优化Authentication.razor回调逻辑：生产环境网络延迟可能导致认证状态未及时同步，可添加状态校验或延迟重试机制

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