Question

我下载了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。有人可以帮忙吗？非常感谢你！

Answer 1

Sample默认使用托管登录页面。要更改托管页面中的“锁定用户界面”，您需要在hosted pages中而不是在应用程序代码中应用用户界面配置。

如果您以嵌入式模式使用Lock，即没有重定向到Auth0 Authorization端点/authorize，则需要在应用程序本身内部修改Lock配置。

Auth0：自定义锁定屏幕不断弹出（AngularJs）

1 个答案: