Azure AD B2C CORS 错误

Question

我正在尝试运行示例

https://github.com/Azure-Samples/active-directory-b2c-javascript-msal-singlepageapp

第 1 部分工作正常。我正在使用我自己的 Azure AD B2C 尝试第二部分。

我使用注册用户流程中的 URL 更新了 policies.js 文件，并使用我的应用程序 ID 更新了 authconfig.js 文件。

const b2cPolicies = {
    names: {
        signUpSignIn: "B2C_1_sign_up_sign_in",
    },
    authorities: {
        signUpSignIn: {
            authority: "https://zzz.b2clogin.com/zzz.onmicrosoft.com/v2.0/.well-known/openid-configuration?p=B2C_1_sign_up_sign_in",
        }

但是我收到 CORS 错误:

Access to XMLHttpRequest at 
https://zzz.b2clogin.com/zzz.onmicrosoft.com/v2.0/.well-known/openid-configuration?p=B2C_1_sign_up_sign_in/v2.0/.well-known/openid-configuration' from origin 'http://localhost:6420' 
has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

该示例显然希望按照说明从本地主机运行。我的配置中是否缺少任何内容？有什么想法吗？

它生成一个双 ./wellknown 的事实很可疑，但我不知道如何设置 msalConfig。

更新:我已尝试删除网址的 .wellknown 部分，但它仍然不起作用。该请求看起来更好，因为它没有重复的 .wellknown 位，但它没有我认为必不可少的 p=B2C_1_sign_up_sign_in。

Answer 1

请注意，示例中的权限定义为:

signUpSignIn: {
    authority: "https://fabrikamb2c.b2clogin.com/fabrikamb2c.onmicrosoft.com/b2c_1_susi",
},

所以你应该将权限定义为:

https://zzz.b2clogin.com/zzz.onmicrosoft.com/B2C_1_sign_up_sign_in