React中Azure AD B2C SAML自定义策略认证配置异常排查

我使用Azure提供的React示例应用测试自定义策略认证，基础JWT登录策略运行正常。已按照SAML自定义策略教程配置后，修改了React应用authConfig.js中的策略和clientId，认证弹窗出现错误界面（界面截图如下）。但在SAML测试应用上测试登录页面运行正常，请问是否遗漏了某些配置？

当前authConfig.js配置：

auth: {
        clientId: 'xxxxxx-9cc3-xxxxxx-a028-xxxxxxxx',
        authority: 'https://xxxxx.b2clogin.com/mloflocrm.onmicrosoft.com/B2C_1A_SIGNUP_SIGNIN_SAML2/samlp/metadata',
        knownAuthorities: ["xxxxx.b2clogin.com"],
        redirectUri: '/',
        postLogoutRedirectUri: '/', 
    },

以下是几个核心排查方向：

• Authority配置错误：Azure提供的React示例依赖MSAL.js，该库默认适配OIDC/JWT流程，你配置的SAML元数据地址并不适用于这个流程。若要集成SAML，需调整为B2C的SAML断言消费端点，或切换到支持SAML的前端认证库。
• React应用未在B2C中配置为合法SAML SP：需在Azure AD B2C自定义策略的RelyingParty节点中，将React应用的redirectUri配置为SAML断言消费者服务（ACS）地址，确保B2C能正确发送SAML断言到你的应用。
• MSAL.js不原生支持SAML：MSAL.js主要针对OIDC协议设计，直接用它对接SAML自定义策略会出现不兼容问题。建议要么在后端搭建SAML服务提供商作为中转，要么更换为支持SAML的前端认证库。
• 缺失SAML专属配置项：检查authConfig中是否遗漏了SAML相关配置，比如未指定响应类型为SAML断言格式，或未配置对应的协议类型标识。

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