javascript - 使用 jQuery、Ajax 或 AngularJS 从 Azure/oauth2/token 端点获取 access_token 时出现跨域问题

Question

我正在尝试从 Azure 生成 access_token。

错误消息:

Failed to load https://login.microsoftonline.com/......../oauth2/token: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:61697' is therefore not allowed access.

代码片段:

function SubmitForm() {
    var data = {
        'grant_type': "password",
        'client_id': "<client_id>",
        'username': "<username>@<tenant>.onmicrosoft.com",
        'password': "<password>",
        'resource': "<resource>",
        'redirect_uri': "http://localhost:55871/"
    }

    $.ajax({
        url: "https://login.microsoftonline.com/<tenant_id>/oauth2/token",
        type: "POST",
        data: data,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        crossDomain: true,
        beforeSend: setHeader,               
        success: function(d) {
            console.log(d);
        },
        error: function (a, b, c) {
            console.log(a, b, c);
        }
    });
}

类似地，我也尝试过 jQuery 和 AngularJS，但遇到了同样的错误。

您能否帮助我们使用任何独立于浏览器的客户端脚本从 Azure 获取 access_token 以及 refresh_token？

注意:同一段代码仅适用于 IE(不适用于 Chrome、Edge、Safari 等)。

Answer 1

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

也许您遇到此问题是因为您是从本地主机访问它。