Azure B2C React SPA 不提供访问令牌

Question

我正在做我的第一个项目，将 Azure B2C 与 MERN 应用程序连接起来。 我想使用 Azure B2C 登录并使用访问令牌授权我的 web API。

我配置了所有内容并将配置应用到他们的文档提供的这个示例 React 教程中。

调用 Web API 时出现问题。 Web API 调用在没有任何令牌的情况下发送。 当我检查代码时，acquireTokenSilent function 从响应中返回空的 accessToken。

instance.acquireTokenSilent({
                scopes: protectedResources.apiHello.scopes,
                account: account
            }).then(async (response) => {
                console.log(response) 

请求是：

即使我查看了许多论坛和 Microsoft 技术论坛，但没有任何答案是行不通的。

但我注意到的是，它正在请求grant_type: authorization_code但在响应中没有看到访问令牌。 在此处发布 API 调用、请求和响应。

响应正在生成 id_token 但不是访问令牌，

我在 SPA 应用程序中授予 task.read scope 的授予权限。 我尝试了一切，但我仍然收到空的访问令牌。 我该如何解决这个问题？

Answer 1

我试图在我的环境中重现相同的结果并得到以下结果：

我为app1注册了一个 Azure AD B2C 应用程序，并添加了如下范围（task.read）：

现在，我创建了一个 SPA 注册，并通过授予这样的同意添加了API 权限：

我创建了Sign up and sign in policy并运行用户流程，如下所示：

请检查身份验证和访问令牌和 id 令牌：

我以用户身份登录，它在地址栏中给了我身份验证代码。

https://<tenant name >.b2clogin.com/<tenant name> .onmicrosoft.com/oauth2/v2.0/authorize?p=B2C_1_susi&client_id=<app id>&nonce=defaultNonce&redirect_uri=https://jwt.ms&scope=openid%20https%3A%2F%2F<tenant name>.onmicrosoft.com tasks.read&response_type=code&prompt=login&code_challenge_method=S256&code_challenge=<challenge paramater>

我使用如下命令通过 Postman 生成了访问令牌：

POST  https://tenant.b2clogin.com/tenant.onmicrosoft.com/policy/oauth2/v2.0/token

grant_type: authorization_code
client_id: SPA_appid
scope:  https://tenant.onmicrosoft.com/web_api/api.read
redirect_uri: redirect_uri
code: code
code_verifier: code_verifier

Postman

当我解码令牌时，我在 jwt.ms 中获得了scp