Blazor WebAssembly OIDC本地正常，Azure静态Web应用回调404求助

我来帮你排查这个问题，这种本地正常但部署后认证回调404的情况，通常和Azure Static Web Apps的SPA路由规则或者Auth0的配置有关，给你几个关键的解决步骤：

1. 配置Azure Static Web Apps的SPA回退路由 #

Azure Static Web Apps默认是静态文件服务器，它不知道Blazor WASM的SPA路由（包括/authentication/login-callback这种路径）对应的是index.html。你需要添加一个路由配置文件，让所有非静态文件的请求都重定向到index.html，这样Blazor的认证组件才能处理回调请求。

在你的Blazor项目的wwwroot目录下创建名为staticwebapp.config.json的文件，内容如下：

{
  "navigationFallback": {
    "rewrite": "/index.html",
    "exclude": ["/_content/**", "/css/**", "/js/**", "/images/**"]
  }
}

这个配置会告诉Azure Static Web Apps：当请求的路径不是现有静态文件（比如CSS、JS、内容文件）时，就把请求转发到index.html，由Blazor的路由系统处理。

2. 验证Auth0应用的回调地址配置 #

确保Auth0控制台中你的应用的Allowed Callback URLs已经包含部署后的完整回调地址：
https://myapp.mysite.com/authentication/login-callback

同时，还要检查以下几个配置项是否也添加了部署后的域名：

• Allowed Logout URLs
• Allowed Web Origins
• Allowed Origins (CORS)

如果这些地址配置的是本地地址（比如https://localhost:5001），部署后Auth0会拒绝回调请求，或者导致路由异常。

3. 确认Blazor的认证配置中的地址正确性 #

检查你的Program.cs或者appsettings.json中的OIDC配置，确保RedirectUri和PostLogoutRedirectUri设置的是部署后的地址，而不是本地开发地址。

比如在Program.cs中：

builder.Services.AddOidcAuthentication(options =>
{
    builder.Configuration.Bind("Auth0", options.ProviderOptions);
    options.ProviderOptions.ResponseType = "code";
    // 确保这里是部署后的回调地址
    options.ProviderOptions.RedirectUri = "https://myapp.mysite.com/authentication/login-callback";
    options.ProviderOptions.PostLogoutRedirectUri = "https://myapp.mysite.com/";
});

或者在appsettings.json中：

"Auth0": {
  "Domain": "login.mysite.com",
  "ClientId": "你的ClientId",
  "RedirectUri": "https://myapp.mysite.com/authentication/login-callback",
  "PostLogoutRedirectUri": "https://myapp.mysite.com/"
}

如果本地开发和部署需要不同的配置，可以使用Azure Static Web Apps的应用设置来覆盖这些值，避免硬编码。

4. 检查自定义域名与SSL配置 #

如果你使用了自定义域名绑定到Azure Static Web Apps，确保域名已经正确验证，并且SSL证书已经生效（Azure Static Web Apps默认会提供免费的SSL证书，但需要确认状态正常）。Auth0要求回调地址必须是HTTPS，所以如果域名的SSL有问题，也可能导致回调异常。

最后验证步骤 #

1. 将修改后的staticwebapp.config.json提交并重新部署到Azure Static Web Apps
2. 清除浏览器缓存（或者使用隐私窗口测试），避免旧的缓存影响
3. 再次发起认证流程，检查回调请求是否能正常到达Blazor应用

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