如何在 msal react 中注销后停止重定向答案

【问题标题】：How to stop redirect after logout in msal react如何在 msal react 中注销后停止重定向
【发布时间】：2021-11-26 16:04:46
【问题描述】：

我只是在做 msal.logout() 并且它重定向到注销屏幕然后要求登录，然后登录后它导航到 www.office.com ，我怎样才能在注销后停止所有重定向。

这里是配置

export const msalConfig: Configuration = {
 
  auth: {
    clientId: "xxxxxx",
    authority: "https://login.microsoftonline.com/xxx",
    redirectUri: `http://localhost:3000`,
    postLogoutRedirectUri: `https://localhost:3000/logout`
  }
};

import { IMsalContext, useMsal } from "@azure/msal-react";
   const { instance } = useMsal();

    export function handleLogout(instance: any) {   
        instance.logout(endSessionRequest); //This logouts and then ask for login and then go to www.office.com  which is not configured anywhere in msalConfig    
    }

    export const endSessionRequest: EndSessionRequest = {
      postLogoutRedirectUri: `https://localhost:3000/logout`
    };

注意：这是登录点击后的redirecturl，其中包含www.office.com

https://login.microsoftonline.com/common/oauth2/v2.0/authorize?client_id=xxxxxx&redirect_uri=https%3A%2F%2Fwww.office.com%2Flandingv2&response_type=code%20id_token&scope=openid%20profile%20https%3A%2F%2Fwww.office.com%2Fv2%2FOfficeHome.All&response_mode=form_post&nonce=637691229835396604.NDZlZjRkMTMtYWZlYy00Mzg1LTk3YmItODc4ZDFlNzhlMTRjMDhmN2Q4MjEtNTRiYi00NGQxLTgzNTItYTI4MGVkYjYzN2Ni&ui_locales=en-US&mkt=en-US&client-request-id=0eb6f9a0-525d-4939-8541-893d9a960497&state=Iw9_CAMwjrzffsm_V8laWMVsfcREPJmGdcsvXd9G0jVaYt7fRttltWjZz1Gkfi2caIY40VJ6aaSbNQMdjFUcadHS6walpe5THq2cszy_bisx4ygWv8Pe6HothKP8QHYzbuWo0PjTj2h9O1xUv-F2CC2vUBcAyTARXjOsr6uxxp4-aENCwsRO76rRqGRMPDq4C7-VdTaFmQoyRR1OHGfV6WJ7Ep5KNIR1j65NMPlYW-rZ2dAPMoFFeyPcSCsX5H1O0FTOPSGDAJdXf215L50Ybg&x-client-SKU=ID_NETSTANDARD2_0&x-client-ver=6.11.0.0#

【问题讨论】：

标签： azure-active-directory msal msal.js msal-react

【解决方案1】：

当您注销时，您需要清除应用程序和 https://msft.sts.microsoft.com/ 的 cookie。

清除https://msft.sts.microsoft.com的cookies只能由STS自己完成（安全隔离），因此需要在之后重定向到postlogoutRedirectUrl。

【讨论】：