1

我下载了 auth0 快速启动项目 AngularJs SPA,以从https://github.com/auth0-samples/auth0-angularjs-samples/tree/master/01-Login启动我的应用程序。它工作正常,没有任何问题。

但是,当我按照https://auth0.com/docs/libraries/lock/v11/ui-customization的说明自定义我的锁定 UI 时,第一次出现锁定 UI,但之后,锁定对话框不断出现。以下是我的代码片段:

function run(authService) {
    // Handle the authentication
      // result in the hash
      debugger;
      // Initializing our Auth0Lock
      var options = {
          theme: {
              logo: 'assets/images/cat.png',
              primaryColor: "#0077be"
          },
          languageDictionary: {
              title: "Log in"
          },
          auth: {
              redirectUrl: 'http://localhost:23321/#/callback'
          }
      }
      var lock = new Auth0Lock(AUTH0_CLIENT_ID, AUTH0_DOMAIN, options);
      lock.show();

     // original code from quickstart
      authService.handleAuthentication();
  }

我尝试将选项放在 authService.js 的登录功能中,但它仍然无法正常工作。我尝试注释掉 lock.show(),然后出现标准锁定 UI。这里有人可以帮忙吗?非常感谢你 !

4

1 回答 1

1

示例默认使用托管登录页面。要更改托管页面中的锁定 UI,您需要在托管页面中而不是在应用程序代码中应用 UI 配置。

如果您在嵌入式模式下使用锁定,即没有重定向到 Auth0授权端点/authorize,那么您需要从应用程序本身修改锁定配置。

于 2018-12-17T07:26:02.600 回答