带有 OIDC 和 Azure AD 的代码流 PKCE 在 /token 端点上获取 cors 错误

Question

我看到新建议（自 2019 年年中以来）是使用带有 PKCE 的代码流，而不是 SPA 的隐式流。我有一个使用 OIDC 客户端的 angular spa 并且工作正常，直到它调用返回 cors 错误的 /token 端点

Access to XMLHttpRequest at 'https://login.microsoftonline.com/xxx/oauth2/token' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested 

有没有办法克服这个错误，或者有没有办法在 Azure AD 中配置允许的来源 (CORS)，或者我做错了什么？

Answer 1

无法在 Azure AD 中配置允许的来源。

所以有两种解决方案适合您：

1.将 MSAL.js 与 Azure AD B2C 一起使用。

2.调用你服务器中的/token端点，然后你就可以向你的服务器发出请求了。

参考：

No 'Access-Control-Allow-Origin' header with Microsoft Online Auth