C# .NET Core 2.2 API 未接收到从 Angular 前端发送的参数对象

Question

我正在尝试从 Angular 向我的 C# ASP.NET Core 2.2 后端发出 post 请求。 API 被命中，但 API 没有接收到我的参数，而是被初始化为 null。

当我检查网络选项卡时，我的参数正在发送并且与函数中的参数类型匹配，但它仍然显示为空。我也尝试过向参数添加 [FromBody] 属性，但这没有任何区别。

为什么后台收不到参数？

后端API结构

[HttpPost]
public void GetCanadaPostRates(ShippingRateModel info)
{
    // this is being hit but info is showing as null

    // do something
}

前端服务：

export class ShippingService {

  private apiUrl = environment.apiBaseUrl + '_3rdPartyShipping/';
    constructor(private http: HttpClient) {}

    getCanadaPostShippingQuote(info) {
        return this.http.post<any>(this.apiUrl + 'GetCanadaPostRates', info);
    }
}

前端服务调用：

this.shippingService.getCanadaPostShippingQuote(shippingRates).subscribe(res => {})

前端模型：

export class ShippingRateModel {
    WeightKg: number;
    OriginPostalCode: string;
    DestPostalCode: string;
}

后端模型：

namespace Server.Models
{
    public class ShippingRateModel
    {
        float WeightKg { get; set; }
        string OriginPostalCode { get; set; }
        string DestPostalCode { get; set; }
    }
}

网络请求截图：

Answer 1

您的问题与后端类型反序列化中成员的可访问性有关。

将该类型的属性定义为 public — 应该使用请求负载中的值传播这些成员。

namespace Server.Models
{
    public class ShippingRateModel
    {
        public float WeightKg { get; set; }
        public string OriginPostalCode { get; set; }
        public string DestPostalCode { get; set; }
    }
}

C# .NET Core 2.2 API 未接收到从 Angular 前端发送的参数对象

C# .NET Core 2.2 API not receiving parameter object being sent from Angular front end

c#

.net-core

asp.net-core-webapi

angular

asp.net-core-2.2