如何使用 Azure AD 解决 Access-Control-Allow-Origin 错误

Question

当我尝试从我的 React SPA 应用程序发出请求以从 Azure AD 获取 id 和访问令牌时出现错误。以下是来自浏览器控制台日志的错误：

从源“http://localhost:3000”访问位于“https://login.microsoftonline.com/{tenant id}/oauth2/token”的 XMLHttpRequest 已被 CORS 策略阻止：请求中不存在“Access-Control-Allow-Origin”标头资源。

我正在为我的 SPA 尝试 PKCE 流程，但我没有使用任何 JS 库。我正在用普通的 XMLHttpRequest 发出 hte 请求。

请建议我缺少什么。

Answer 1

您可以在浏览器上安装“允许 CORS：Access-Control-Allow-Origin”或相同的扩展名来使用此错误。