Azure部署的Blazor应用调用Auth0获取Token出现CORS错误如何解决

配置遗漏排查 #

• 检查Auth0应用的Allowed Callback URLs配置项，补充添加你的Azure Blazor应用地址https://xxxxxxxx.azurewebsites.net，注意配置地址不要带多余的尾斜杠、路径后缀，和实际请求的origin完全一致。
• 确认生产环境Blazor应用的Auth0参数配置正确：多数项目会拆分开发环境和生产环境配置文件，检查发布包中appsettings.json内的Auth0域名、客户端ID、audience等参数是否和可用的开发环境配置一致，没有拼写错误。
• 确认Auth0配置生效：修改Auth0跨域相关配置后需要点击保存，配置最长有5分钟的生效延迟，保存后稍等片刻再重试。
• 核对请求Origin头：打开浏览器控制台的网络面板，查看oauth/token请求的Origin头实际取值，确认和你在Auth0中配置的地址完全匹配，避免因为尾斜杠、HTTP/HTTPS协议不一致、域名拼写错误导致匹配失败。
• 排查Azure前置服务影响：如果你的Blazor应用配置了Azure CDN、Front Door等前置代理服务，确认这些服务没有修改请求的Origin头，避免传到Auth0的Origin和实际域名不符。
• 查看Auth0后台日志：进入Auth0后台的监控日志页面，筛选Failed Cross Origin Request类型的日志，可以直接看到跨域请求被拒绝的具体原因，以及请求携带的Origin值，方便快速定位问题。

.NET 6 / WASM 已知问题排查 #

• 升级认证相关NuGet包：旧版本的Microsoft.Authentication.WebAssembly.Msal、Auth0.AspNetCore.Authentication.BlazorWebAssembly存在跨域请求相关的已知Bug，将上述包升级到对应大版本的最新稳定版后重新发布测试即可。
• 确认授权流配置正确：Blazor WASM对接Auth0必须使用带PKCE的授权码流，检查你的认证配置中没有手动指定为隐式流，避免触发Auth0的跨域限制。

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