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

Question

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

我已经更新了仪表板中的应用程序徽标，但它仍然没有显示。
提前致谢 :D

Answer 1

假设您正在使用 Universal Login，您可以转到 Auth0 仪表板 > 通用登录页面并打开 Customize Login Page 切换。

完成后找到 Auth0 Lock 配置的 theme 选项。我应该是这样的

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

取消注释 logo 属性并指向您徽标的图像 url。 logo和Auth0 Lock的其他自定义请参考官方文档here

How do i update Auth0 lock logo from my React App using hooks