MSAL 2.0 JS 浏览器：重定向到空白页面并挂在那里（没有重定向回主应用程序）

Question

我正在尝试通过VUE JS中的重定向实现MSAL AUTH。

我遵循了官方指南，但是当我打开一个应用程序时，启动了处理，然后将其重定向到空白页并悬挂在那里，控制台看起来像这样：

• handlerledirectPromise称为“称为handlerledectRomise”，但没有进行交互，返回无效。
• 发射事件：MSAL：AcceAireTokenStart
• 发射事件：MSAL：HANDLEREDIRECTERD
• NULL，无响应
• 发射事件：MSAL：AcceAireTokenStart

我无法获得如何实现重定向流（弹出流程不是一个选项）。

我的配置：

// login
var msalConfig = { 
    auth: {
        clientId: clientId, 
        authority: this.authority, //https://login.microsoftonline.com/common/ default
        redirectUri: this.redirect + 'redirects/login-msal-powerbi/index.html', // blank page
        postLogoutRedirectUri: null
    }, 
    cache: {
        cacheLocation: "localStorage", // This configures where your cache will be stored
        storeAuthStateInCookie: false, // Set this to "true" if you are having issues on IE11 or Edge
    },
    allowRedirectInIframe: true
}

我的主要登录器函数：

// login
loginUser: function() {
    var that = this;
    // Prepare config
    this.msalInstance = new msal.PublicClientApplication(msalConfig); 
    // Register Callbacks for Redirect flow
    var request = this.msalGetRequestLoginRedirect(this.powerbi.scopes, this.login.aadTenant); // returns an object with authority and scopes
    this.msalInstance.handleRedirectPromise()
    .then(function(responce) {
        that.msalHandleResponse(responce, that.msalInstance);
    })
    .catch((error) => {
        console.log(error);
    });

我的msalhandleresponse函数：

msalHandleResponse: function(response, msalInstance) {
    if (response !== null) {
        console.log(response);
    }else {
        console.error('null!!') // returns null
        return msalInstance.loginRedirect({scopes:[
                    "https://analysis.windows.net/powerbi/api/Dashboard.Read.All",
                    "https://analysis.windows.net/powerbi/api/Dataset.Read.All",
                    "https://analysis.windows.net/powerbi/api/Report.Read.All",
                    "https://analysis.windows.net/powerbi/api/Group.Read.All",
                    "https://analysis.windows.net/powerbi/api/Workspace.Read.All",
                    "https://analysis.windows.net/powerbi/api/UserState.ReadWrite.All"       
                ], responseMode:"query"});
    }
},

我的AccearireTokenRedirect函数：

msalGetTokenRedirect: function(msalInstance) {
    var that = this;
    msalInstance.acquireTokenSilent(this.requestsObj.silentRequest)
    .then(function(tokenResponse) {
        // Optionally make something with tokenResponse    
        console.log("Access token acquired silently...");
        return tokenResponse;
    }).catch(function(error) {
        if (error instanceof InteractionRequiredAuthError) {
            // fallback to interaction when silent call fails
            return msalInstance.acquireTokenRedirect(this.requestsObj.request)
            .then(function(tokenResponse) {
                console.log('TOKEN RESPONSE',tokenResponse);
            }).catch(function(error) {
                console.error(error);
            });
        }
    });
},

Answer 1

您是否在您的redirectUri（空白页）上调用handleRedirectPromise？