CORS在Angular应用程序中出现Azure AD OpenID Connect注销问题

Question

我在Azure中有一个托管许多应用程序的租户。我正在使用OpenID Connect进行授权。在login.microsoft.comopenid配置中，提供了一个end_session_endpointURL。本文介绍如何发送注销请求。这将在Azure中结束会话，但不会在我的客户端（Angular2 SPA）上结束会话。要做到这一点，我使用的角-oauth2-oidc和以下代码：

this.http.get('https://login.microsoftonline.com/TENANT_ID/oauth2/logout",')
    .toPromise()
    .then(function () { 
        this.oauthService.logOut();
    }
);

用户可以登录。微软在线。com将结束服务器上的会话，logOut（）调用将在本地结束会话。当我运行此命令时，会出现以下错误：

无法加载XMLHttpRequesthttps://login.microsoftonline.com/TENANT_ID/oauth2/logout.html" target="_blank">请求的资源上不存在“Access Control Allow Origin”标头。起源'http://localhost:51518因此不允许访问。

当我检查登录的响应时。微软在线。com GET，Access Control Allow Origin不是响应头之一。我很惊讶它没有以*作为值的标题。无论如何，我该如何解决这个问题？我看到App Services中有一个CORS设置，我将我的localhost（目前正在本地测试）添加到租户中某个应用的CORS中，但它仍然不起作用。

暂时，我在我的应用程序API上添加了一个APIendpoint，可以用C#调用登录名。微软在线。com网址，但这样做很烦人。我想通过javascript来完成这一切。

Answer 1

您需要将浏览器重定向到URL。你不能通过AJAX来实现它。

您还必须将用户重定向到end_session_endpoint以进行注销。

Azure AD不允许在登录endpoint上进行跨域调用，您无法更改这一点。

您可以将用户重定向到：

https://login.microsoftonline.com/ccb87602-82bf-4f35-b7d2-aa‌​aaaaaaaaaa/oauth2/lo‌​gout?post_logout_red‌​irect_uri=https%3a%2‌​f%2fsitename.azurewe‌​bsites.net%2fHome%2f‌​SignedOut

post_logout_redirect_uri参数允许您指定用户的浏览器在注销后应重定向到的位置。这样用户就不会失去上下文。在重定向之前，确保将用户的工作保存在应用程序端，以免激怒用户。