集成NestJS API后Auth0 Universal Login页外观变更，求恢复方法及原因

问题原因 #

样式出现变化的核心原因是认证请求上下文改变触发了Auth0默认登录模板，常见场景包括：

• 集成API时，Angular客户端的认证请求新增了audience参数（指定目标API标识符），而你的自定义Universal Login页面未适配该授权场景，Auth0自动回退到通用默认模板。
• 配置NestJS API过程中，误修改了Angular SPA客户端的Branding关联设置，比如切换了“New Universal Login”与“Classic Universal Login”模式，导致自定义样式失效。
• 操作时意外重置了Auth0租户Branding>Universal Login页面的自定义模板，或保存默认配置覆盖了原有样式。

恢复步骤 #

1. 检查并调整认证请求参数
   打开Angular项目中Auth0认证服务的配置代码，确认是否新增了不必要的参数（如强制指定connection）。如果是添加audience导致的问题，可临时移除该参数测试样式是否恢复；若需保留audience，则进入Auth0租户后台的Branding>Universal Login页面，编辑自定义模板确保其支持API授权场景。

2. 重置Universal Login自定义配置
   登录Auth0租户后台，进入Branding > Universal Login页面：

   • 确认“Login Experience”设置为你之前使用的模式（通常为New Universal Login）。
   • 切换到“Customize Login Page”标签，检查模板代码是否被修改为默认内容，若已重置，重新粘贴你之前的自定义HTML/CSS/JS代码并保存。

3. 验证客户端Branding配置
   进入对应的Angular SPA客户端详情页，切换到Branding标签，确认“Use Universal Login”选项已开启，且关联的是租户的自定义Branding设置，未使用默认模板。

4. 清除浏览器缓存
   清除浏览器中与Auth0相关的Cookie、LocalStorage数据，避免缓存的旧登录页面配置干扰，之后重新发起登录请求验证样式。

内容的提问来源于stack exchange，提问作者Ярослав Терещук