ASP.NET Core+React+BFF模式下Auth0授权重定向问题排查

修正setupProxy.js代理配置 #

React开发服务器的代理需要正确传递请求头，避免后端生成错误的回调地址。修改setupProxy.js如下：

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    ['/bff', '/signin-oidc', '/signout-callback-oidc'],
    createProxyMiddleware({
      target: 'https://localhost:8443',
      changeOrigin: true,
      secure: false, // 开发环境临时设置，生产环境改为true
      headers: {
        "X-Forwarded-Host": "localhost:8443",
        "X-Forwarded-Proto": "https"
      }
    })
  );
};

• 确保代理目标指向后端真实地址https://localhost:8443
• 新增X-Forwarded-Host和X-Forwarded-Proto头，让后端识别前端的真实访问地址
• 包含所有BFF相关端点，避免代理遗漏

配置ASP.NET Core转发头中间件 #

后端需要启用转发头处理，才能正确识别代理传递的请求信息。在Program.cs中添加：

builder.Services.Configure<ForwardedHeadersOptions>(options =>
{
    options.ForwardedHeaders = ForwardedHeaders.XForwardedFor | ForwardedHeaders.XForwardedProto | ForwardedHeaders.XForwardedHost;
    // 开发环境允许本地代理，生产环境替换为实际代理IP
    options.KnownProxies.Add(IPAddress.Parse("127.0.0.1"));
});

// 必须在UseAuthentication之前注册该中间件
app.UseForwardedHeaders();

这个中间件会读取代理传递的头信息，修正请求的Host和协议，确保OIDC服务生成正确的回调URI。

验证Auth0应用重定向URI配置 #

登录Auth0控制台，检查应用的Allowed Callback URLs，确认包含https://localhost:8443/signin-oidc，同时删除错误的https://44466/signin-oidc（44466是React开发服务器默认端口）。

检查BFF的OIDC配置 #

在Program.cs的BFF配置中，显式指定回调地址，避免后端自动生成错误地址：

builder.Services.AddBff()
    .AddRemoteApis()
    .AddOidc(options =>
    {
        options.ClientId = "你的Auth0客户端ID";
        options.ClientSecret = "你的Auth0客户端密钥";
        options.Authority = "https://你的Auth0域名/";
        options.ResponseType = "code";
        options.CallbackPath = "/signin-oidc";
        options.SaveTokens = true;
        // 确保此处地址与Auth0控制台配置完全一致
        options.RedirectUri = "https://localhost:8443/signin-oidc";
    });

清理缓存并重启服务 #

• 关闭React开发服务器和ASP.NET Core后端
• 清除浏览器Cookie和本地存储
• 重新启动后端和前端服务

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