同一解决方案中Blazor Client无法调用API端点的问题排查

我来帮你一步步排查这个问题，大概率是几个常见的配置疏漏导致的：

1. 先排查跨域（CORS）限制 #

Blazor WebAssembly是在浏览器里运行的前端应用，而你的API是独立的后端项目，两者运行端口不同的话，浏览器会触发跨域安全限制。你需要在API项目里配置CORS，允许Blazor应用的地址访问：

在API的Program.cs（如果是.NET 5及更早版本则是Startup.cs）中添加CORS服务和中间件：

// 注册CORS服务
builder.Services.AddCors(options =>
{
    options.AddPolicy("BlazorClientAllow", policy =>
    {
        // 替换成你的Blazor实际运行地址，比如https://localhost:5001
        policy.WithOrigins("https://localhost:5001")
              .AllowAnyHeader()
              .AllowAnyMethod();
    });
});

// 注意中间件顺序：在UseRouting之后、UseAuthorization之前添加
app.UseCors("BlazorClientAllow");

2. 修正HttpClient的BaseAddress配置 #

你现在把BaseAddress设成了Blazor自身的地址（builder.HostEnvironment.BaseAddress），但API是另一个独立项目，有自己的运行地址。你需要把HttpClient的BaseAddress指向API的地址：

比如你的API运行在https://localhost:5000，修改Blazor的Program.cs：

builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri("https://localhost:5000/") });

记得地址末尾加斜杠，避免拼接请求路径时出现格式错误。

3. 确认两个项目同时启动 #

如果调试时只启动了Blazor项目，API没运行，那肯定调用失败。你需要设置解决方案的多启动项：

• 右键解决方案 → 属性 → 启动项目 → 选择「多个启动项目」
• 把Blazor项目和API项目的操作都设为「启动」

4. 核对路由与请求路径是否匹配 #

虽然你的控制器路由看起来没问题，但可以再确认细节：

• 你的Account控制器标注了[Route("Account")]，Register方法是[Route("Register")]+[HttpPost]，完整请求路径应为Account/Register，和你AuthService里的调用路径一致。
• 如果你的API设置了全局路由前缀（比如在Program.cs里加了.WithRoutePrefix("api")），那请求路径要改成api/Account/Register，记得同步修改AuthService里的代码。

5. 查看浏览器网络请求的具体错误 #

打开浏览器开发者工具（F12），切换到「网络」标签，触发注册请求，查看请求的状态码和响应内容：

• 404：要么API没启动，要么请求路径错误
• CORS相关错误：说明第一步的跨域配置没生效
• 400：模型绑定失败，检查Blazor和API项目中UserRegisterViewModel的定义是否完全一致（属性名称、类型要完全匹配，比如大小写不能错）
• 500：API内部报错，需要调试API的RegisterAsync方法

6. 先验证API本身是否可用 #

先用Postman或者Swagger直接调用API的Account/Register接口，确认API本身能正常返回结果。如果API本身调用失败，先解决API的问题，再调试Blazor的调用。

按照上面的步骤排查，应该能快速定位到问题所在。

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