如何使用钩子从我的 React 应用程序更新 Auth0 锁定徽标

Posted 2023-03-09

【中文标题】如何使用钩子从我的 React 应用程序更新 Auth0 锁定徽标

【英文标题】：How do i update Auth0 lock logo from my React App using hooks

【发布时间】：2020-04-15 06:06:27

【问题描述】：

我正在使用 auth0 "@auth0/auth0-spa-js": "^1.6.0" 我的反应应用程序的钩子。 如何更改登录锁中的默认徽标 forom auth0？ 我要更改的标志以红色突出显示

我已经更新了仪表板中的应用程序徽标，但它仍然没有显示。 在此先感谢：D

【参考方案1】：

假设您使用的是Universal Login，您可以转到 Auth0 Dashboard > Universal Login 页面并打开 Customize Login Page 切换。

完成后，找到用于 Auth0 锁定配置的 theme 选项。我应该是这样的

theme: 
        //logo:            'YOUR LOGO HERE',
        primaryColor:    colors.primary ? colors.primary : 'green'
      ,

取消注释logo 属性并指向您的徽标的图片网址。 logo等Auth0 Lock的自定义请参考官方文档here