重定向ionic 5中的ms登录时的url错误 [英] redirect url error on ms login in ionic 5

问题描述

我正在尝试使用ionic5实现Microsoft登录。

进入登录页，但登录后出现以下错误。

请告诉我在这种情况下该怎么办。

login(){
const url = "https://login.microsoftonline.com/" + this.tenant_id +
  "/oauth2/authorize?response_type=id_token&client_id=" + this.client_id + "&state=SomeState&nonce=SomeNonce";

//here we create iab browser for login page.
const browser = this.iab.create(url, '_blank', {
  location: 'no',
  zoom: 'no',
  hardwareback: 'no',
  clearcache: 'yes'
});

browser.on("loadstart").subscribe((event) => {
  console.log(event);
  //this.splashScreen.show();
});

browser.on("loadstop").subscribe((event) => {
  console.log(event);

  this.splashScreen.hide();
  browser.show();
});

browser.on("loaderror").subscribe((event) => {
  console.log(event);
  /*
  var result = event.url.split("code=");
  console.log("Authentication result", result);

  window["AuthResult"] = result[1].split('&')[0];

  localStorage.setItem('AuthCode', window["AuthResult"]);
  browser.close();
  */
});

}

修改代码后，调用以下错误。

推荐答案

在控制台中打印URL，然后复制并粘贴到Chrome中。如果Chrome能够打开URL。问题是你的应用程序不能进行http调用。 第一步：尝试在Chrome中打开url。如果它在那里打开的话。它应该是应用程序。 步骤2：可以代替加载您的url。装货说 应用程序中的https://www.google.com/。如果同样失败，那么您的确定应用程序将无法加载URL。 步骤3：允许应用程序与外部http调用进行通信。您的登录URL将开始工作。就像我说的，首先让Google.com在APP上工作。

这篇关于重定向ionic 5中的ms登录时的url错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！