javascript - 获取 Azure Active Directory token javascript

Question

我尝试通过发送 post 请求来获取 AAD oauth 2.0 token ，但总是收到以下错误。(请注意，在 C# 中使用类似的代码效果很好，并且还使用 fiddler/postman)

来源http://localhost:24310在 Access-Control-Allow-Origin header 中找不到

  function CallAAD()
        {               
            var settings = {
                "async": true,
                "crossDomain": true,
                "url": "https://login.microsoftonline.com/saurabhpersonalad.onmicrosoft.com/oauth2/token",
                "method": "POST",
                "headers": {
                    "content-type": "application/x-www-form-urlencoded",
                    "cache-control": "no-cache",                  
                    "Access-Control-Allow-Origin":"*"
                },
                "data": {
                    "grant_type": "client_credentials",
                    "client_id": "18cff243-e5f1-4e6e-9432-1790724eeb50",
                    "client_secret": "aUoWP9tNSDXblVvn/blmFkJtGyo8HM+YIb4JeIipdL8=",
                    "resource": "https://saurabhpersonalad.onmicrosoft.com/WebApplication6"
                }
            }

            $.support.cors = true;

            $.ajax(settings).done(function (response) {
                debugger;
                alert(response);
            });

Answer 1

client_credentials grant_type 因为 grant_type 适用于可以保证客户端 secret 安全的 secret 客户端，而 jQuery 适用于基于浏览器的公共(public)客户端。您可能希望使用 Web 应用程序的后端通过客户端凭据调用 Web API。

但是，要在浏览器客户端上获取 AAD oauth 2.0 token ，我们建议您使用 azure-activedirectory-library-for-js这是一个 JavaScript 库，供前端轻松集成 AAD。您可以引用No 'Access-Control-Allow-Origin' header with Microsoft Online Auth了解详情。