Azure AD B2C用户流配置：保存Access tokens时遇CORS错误及令牌解码失败

排查与修复步骤 #

• 检查应用CORS配置：
  1. 进入Azure AD B2C的应用注册页面，找到目标应用的「身份验证」标签，定位到「跨域资源共享(CORS)」设置区域。
  2. 添加正确的允许源：本地测试时填http://localhost:你的前端端口；生产环境填实际的前端域名。注意不要滥用通配符*，除非是无敏感操作的纯静态页面，通配符会限制部分请求方法。
• 清除浏览器缓存与会话数据：
  浏览器缓存的旧CORS规则或Azure AD会话Cookie可能引发冲突，直接清除后重新登录Azure门户操作。
• 使用无痕模式操作：
  避免浏览器扩展或现有会话干扰，用无痕窗口打开Azure门户，重新进入应用设置勾选「Access tokens (used for implicit flows)」并尝试保存。
• 对齐租户与门户区域：
  确保访问的Azure门户区域和B2C租户所在区域一致（比如租户在东亚，就使用对应区域的Azure门户），跨区域访问偶尔会触发CORS异常。
• 通过命令行修改设置：
  如果门户操作持续失败，用Azure PowerShell直接更新应用的隐式流配置：
  1. 安装并登录Azure AD B2C模块：

     Install-Module -Name AzureADB2C
     Connect-AzureADB2C -TenantId <你的B2C租户ID>
     

  2. 更新应用的隐式流属性：

     Set-AzureADB2CApplication -ObjectId <应用的Object ID> -Oauth2AllowImplicitFlow $true
     

  （应用的Object ID可在应用注册的「概述」页面获取）

后续验证 #

设置完成后重新运行用户流，获取令牌后用本地或可信的JWT解码工具检查，确认令牌格式正确、包含所需声明。

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