Auth0锁定不使用配置选项进行调整

Question

我将auth0与Lock小部件结合使用，创建一个带有简单用户名/密码认证页面的登录页面。该页面是在NodeJS中构建的，在端口3000上的Ubuntu服务器上运行。一切正常。

我想使用一些额外选项自定义登录页面，例如使用我自己的徽标，而不是小部件中提供的auth0徽标。但是，在运行此Node JS应用程序时，没有任何更改......

我的views / index.pug文件如下所示：

extends layout

block content
  script(src="https://cdn.auth0.com/js/lock/10.7.2/lock.min.js")

  h1= title
  p Welcome to #{title}
  br

  script.
    var lock = new Auth0Lock('#{env.AUTH0_CLIENT_ID}', '#{env.AUTH0_DOMAIN}', {
      auth: {
        redirectUrl: '#{env.AUTH0_CALLBACK_URL}',
        responseType: 'code',
        params: {
          scope: 'openid profile' // Learn about scopes: https://auth0.com/docs/scopes
        },
        closable: false,
        autofocus: true
      },
      theme: {
        logo: 'http://www.example.com/content/logo.png'
      }
    });
    lock.show();

#{env.AUTH0_CLIENT_ID}等内容来自本地文件。

所有文件也可在this Github repo。

中找到

Answer 1

您需要编辑views / login.pug文件，而不是views / index.pug文件。