Angular service发送POST请求无法命中ASP.NET Core Post控制器求助

• 先打开浏览器F12开发者工具的「网络」面板，观察请求的状态码和返回内容，可以快速定位具体问题，以下是最常见的故障原因和修复方案：

1. 必须订阅HttpClient返回的Observable才会发起请求
   Angular的HttpClient所有请求方法返回的都是冷Observable，只有调用subscribe()，或者用async管道订阅时，才会实际发送HTTP请求。你当前的addFamily方法既没有订阅post的返回值，也没有把Observable返回给外层调用方订阅，大概率请求根本没有发出。
   修改方法：
   要么在方法内订阅：

addFamily(family: Family) {
  this.http.post<Family>('https://localhost:44344/api/componentFamily', family)
    .subscribe({
      next: res => console.log('请求成功', res),
      error: err => console.error('请求失败', err)
    })
}

要么返回Observable给外层调用：

addFamily(family: Family) {
  return this.http.post<Family>('https://localhost:44344/api/componentFamily', family);
}
// 外层调用处订阅
componentFamilyService.addFamily(familyObj).subscribe(/* 业务处理逻辑 */)

2. 不要手动调用JSON.stringify序列化请求体
   HttpClient.post方法会自动将JavaScript对象序列化为JSON字符串，同时自动添加Content-Type: application/json请求头。如果你手动调用JSON.stringify，会把请求体变成普通字符串，Angular会自动设置Content-Type: text/plain，和API端[FromBody]要求的JSON格式不匹配，导致模型绑定失败无法命中接口，状态码一般返回415。

3. 检查模型字段匹配及拼写错误

• 确认你定义的Family类的字段（FamilyId、FamilyName）和API端ComponenFamilyViewModel的字段完全一致，大小写也要匹配（如果API未开不区分大小写的模型绑定规则）
• 注意你ViewModel的类名拼写疑似错误：ComponenFamilyViewModel少了字母t，正确应为ComponentFamilyViewModel，如果存在字段拼写错误也会导致绑定失败，状态码一般返回400。

4. 排查CORS配置问题
   Postman发送请求不会触发浏览器同源策略限制，而Angular运行在浏览器中时，如果前端地址和API地址的协议、域名、端口任意一项不一致，浏览器会先发送OPTIONS预检请求，需要API端配置CORS允许前端域名访问，否则预检请求失败，POST请求根本不会发出，浏览器控制台会直接抛出CORS相关报错。
   修复需要在ASP.NET Core的Program.cs中添加CORS配置：

// 注册CORS服务
builder.Services.AddCors(options =>
{
    options.AddPolicy("AllowAngular", policy =>
    {
        policy.WithOrigins("http://localhost:4200") // 替换为你的Angular前端实际访问地址
              .AllowAnyHeader()
              .AllowAnyMethod();
    });
});

// 在中间件管道中插入CORS配置，注意要放在UseRouting之后、UseAuthorization之前
app.UseCors("AllowAngular");

5. 确认控制器路由配置正确
   确认你的控制器类上标注的Route属性和预期一致，否则会返回404状态码：

[ApiController]
[Route("api/[controller]")]
public class ComponentFamilyController : ControllerBase
{
    // 你的Post方法写在这里
}

[controller]占位符会自动替换为控制器类名去掉Controller后缀的部分，也就是ComponentFamily，ASP.NET Core路由默认不区分大小写，所以大小写不影响匹配。

内容的提问来源于stack exchange，提问作者J.C