如何获取角度应用程序的授权令牌？答案

【问题标题】：How to get authorization token for an angular application?如何获取角度应用程序的授权令牌？
【发布时间】：2022-06-27 21:06:30
【问题描述】：

前端：角度
后端：.NET 核心 API
环境：MS Azure；

要求：我们希望 .NET 核心 API 接受来自拥有访问令牌的授权 UI 应用程序的请求。我们目前正在尝试获取访问令牌，以便我们可以包含在标头中并发送到 .NET 核心 API，但是我们面临一个问题，即在本地运行 Angular 应用程序时，我们无法从 online.Microsoftonline.com 获取访问令牌而是臭名昭著的 CORS 错误。

我们可能做错了什么？

【问题讨论】：

stackoverflow.com/a/70230578/15969115 和 stackoverflow.com/questions/60508127/…
@DeepDave-MT 感谢您的链接，我们知道拦截器和 CORS。但是在向 Angular 请求令牌时，我们从 Microsoft 网站收到了 cors 错误
stackoverflow.com/questions/60980143/… 和 docs.microsoft.com/en-us/answers/questions/735355/…
@DeepDave-MT 感谢您的链接。可能是 Microsoft 链接可能会有所帮助

标签： angular azure .net-core token

【解决方案1】：

我们知道拦截器和 CORS。但是在请求令牌时我们从 Angular 收到来自 Microsoft 网站的 cors 错误。

解决方法很少，

确保您的 API 未与其他域连接，这可能是无法从 CORs 策略获得访问权限的原因，因此您可能无法调用 API。

例如启用 CORs 属性；

[EnableCors(origins: "http://webapp.net ", headers: "*", methods: "*")]
      public class TestController : ApiController
      {
          // Controller methods not shown...
      }
  }

有关更多信息，请参阅@DeepDave-MT 在评论中建议的 MS Q&A 讨论。

还有，这个博客|ANGULAR SPA WITH AN ASP.NET CORE API USING AZURE AD AUTH AND USER ACCESS TOKENS。

【讨论】：