Auth0注册界面应用名称与Logo配置问题咨询

别担心，我来帮你捋清楚怎么配置让注册弹窗显示你设置的应用名称和Logo。主要分两种情况来操作，取决于你用的是默认的Universal Login模板还是自定义模板：

情况1：使用默认的Universal Login模板 #

如果没修改过登录页面模板，直接按以下步骤来：

• 登录Auth0控制台，进入Branding > General页面，确认你已经正确设置了Application Logo和Application Name，并且点击了保存。
• 接着进入Branding > Universal Login页面，切换到Login标签页。
• 在Login Page区域，确保选中的是Default模板，然后检查下方的Use Branding Assets选项是否勾选——这个选项会让默认模板自动调用你在Branding里设置的Logo和应用名称，勾选后保存设置即可。

情况2：使用自定义的Universal Login模板 #

如果之前修改过登录页面的自定义代码，需要手动在模板里添加调用应用信息的配置：

• 同样进入Branding > Universal Login > Login标签页，点击Customize Login Page按钮，打开代码编辑器。
• 在代码中找到初始化Lock的代码块（一般是lock.show({ ... })或者var lock = new Auth0Lock(...)），在配置对象里添加以下两个属性：
  • title: config.clientName：这会让弹窗顶部显示你设置的应用名称
  • logo: config.clientLogo：这会加载你上传的应用Logo
• 举个例子，修改后的配置大概是这样：

lock.show({
  title: config.clientName,
  logo: config.clientLogo,
  // 其他已有的配置项...
});

• 编辑完成后，点击Save Changes保存模板，再测试注册流程就能看到效果了。

另外还要注意：如果你的应用是用Auth0的嵌入式登录方式（而不是Universal Login），那需要在前端代码里手动传入这些信息，但大部分情况下大家用的都是Universal Login，所以上面的步骤应该能解决问题。

内容的提问来源于stack exchange，提问作者Joe