微软登录oauth2问题

我有一个使用axios库处理请求的React应用程序。因此，按照接下来的文章：微软登录oauth2问题

How to login with username/password using OAuth2 and microsoft login and HTTP request

我可以在邮差执行的操作。

然后，我成立了爱可信库进行POST

const dataForBody = `${'grant_type=password&' + 
     'username='}${encodeURI(userName)}&` + 
     `password=${encodeURI(userPassword)}&` + 
     `client_id=${encodeURI(clientID)}&` + 
     `resource=${encodeURI('https://graph.microsoft.com')}&` + 
     `client_secret=${encodeURI(clientSecret)}`; 
const messageHeaders = { 
    'Content-Type': 'application/x-www-form-urlencoded' 
}; 

axios({ 
    method: 'post', 
    url: 'https://login.microsoftonline.com/{tenant}/oauth2/token', 
    headers: messageHeaders, 
    data: dataForBody, 
}) 
    .then((response) => { 

    });

，但我得到了以下错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://login.microsoftonline.com/ {tenant}/oauth2/token. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

我尝试添加：

'Access-Control-Allow-Origin': 'https://login.microsoftonline.com',

的头，但它没有奏效。

因此，添加Allow-Control-Allow-Origin: *铬扩展修复了我的问题。

事情是，我的应用程序将在azure上发布，因此我在其他Web浏览器上测试了该请求，但它无效。所以我不希望我的用户安装扩展。

我的要求有问题吗？为什么邮差可以做到这一点，而无需设置标题？

是否有其他方法来实现它？

PS：我读了关于使用adal.js，但我不想使用微软的登录屏幕，因为我知道用户和通过的应用程序，我想避免手动登录。

来源

2017-02-01 FacundoGFlores

您面临的问题是由于您试图通过AJAX调用令牌端点，而由于缺少CORS头，AJAX不会接受它。您无法添加它，它从Azure AD的响应中缺失。

您需要做的不是从令牌端点获取访问令牌，而必须使用OAuth隐式授权流程。该流程允许您直接在授权阶段获取令牌，并专门为基于JavaScript的应用程序设计。更多的信息在这里：https://docs.microsoft.com/en-us/azure/active-directory/develop/active-directory-dev-understanding-oauth2-implicit-grant。

这意味着您不能像现在这样使用密码授权流程，除非您从后端而不是前端拨打电话。

来源

2017-02-01 18:07:37 juunas

微软登录oauth2问题

回答

相关问题