使用 msal.js 对 Angular Spa 进行身份验证

我的角度应用程序有 1000 条独特的路线，用户应该能够从任何这些页面单击登录按钮。已经基于此示例实现了 msal.js ：

https://github.com/Gimly/simpleAngularAzureB2C/blob/master/src/app/authentication.service.ts https://github.com/Gimly/simpleAngularAzureB2C/blob/master/src/app/authentication.service.ts

调用登录方法时出现以下错误：

AADB2C90006:++重定向+URI'http://localhost:39579/unique-uri http://localhost:39579/unique-uri'+提供+在+该+请求+是+不是+注册++该+客户端+id+

有办法解决这个问题吗？

Thanks!

默认情况下，Msal.UserAgentApplication构造函数设置redirect_uri请求参数为当前 URL，该 URL 无法缩放。

The Msal.UserAgentApplication构造函数接受一个redirectUrioptions 参数使redirect_uri请求参数设置为固定 URL（例如http://localhost:39579/authcallback）是为 Azure AD B2C 应用程序注册的。

在 MSAL 向 Azure AD B2C 生成身份验证请求之前，它会写入当前 URL（例如，http://localhost:39579/unique-uri）到存储，然后将用户代理重定向到身份验证端点。

At the /authcallback端点，您必须创建一个新实例Msal.UserAgentApplication，处理身份验证响应。

MSAL 验证来自 Azure AD B2C 的身份验证响应后，会从存储中读取原始 URL，然后将用户代理返回到此 URL。