如何解决b2clogin.com域名下的favicon.ico 404错误

这个404错误的根源是：浏览器会默认请求当前页面域名根目录下的favicon.ico。虽然你在自定义页面里指定了静态存储的图标，但B2C登录页面实际在b2clogin.com域名下渲染，浏览器仍会发起默认请求，导致找不到资源报错。

下面是几种可行的解决办法：

• 配置B2C租户全局Favicon
  Azure AD B2C支持通过门户设置全局图标，直接覆盖浏览器的默认请求路径：

  1. 登录Azure门户，进入你的B2C租户
  2. 左侧菜单选择用户体验 > 品牌化
  3. 在页面布局区域找到Favicon选项，上传你的favicon.ico文件，或者直接填入静态网站的图标URL
  4. 保存配置，生效后浏览器会自动请求你指定的图标地址，不再触发b2clogin.com下的404

• 在自定义页面添加base标签
  在自定义页面的HTML头部添加<base>标签，把页面的基准URL设为你的静态网站地址。这样浏览器的默认图标请求会指向静态网站根目录，而非B2C域名。注意：如果页面内其他资源用了相对路径，需要确保路径适配这个基准URL。示例代码：

  <base href="https://your-static-storage-url/">
  <link rel="icon" href="/favicon.ico" type="image/x-icon" />
  

• 忽略错误（不推荐）
  这个404不会影响登录功能，只是控制台日志显示异常。但从日志整洁度和规范角度，优先推荐前两种方法。

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