В чем ошибка при POST запросе?

Question

[ebaysher]

Добрый день, во фронтенд разработке совсем недавно , так что прошу отнестись с пониманием
Проблема такая:
Отправляю пост запрос к веб апи с введенными данными и возникает ошибка со статусом 400.
В payload пусто, в response такая ошибка The JSON value could not be converted to air_astana_webapi.Models.AirLine. Path: $ | LineNumber: 0 | BytePositionInLine: 1."

Вот код сервиса:

addAirline(data:any)
  {
   readonly airlineAPIUrl = 'https://localhost:44336/api'
    debugger
    return this.http.post(this.airlineAPIUrl + '/airlines', data);
  }

код с компонента формы откуда вводятся данные:

AddAirline()
  {
    debugger
    this.airLine.Id != 0;
    this.airLine.companyName = this.company;
    this.airLine.airLineStatus = this.status;
    this.airLine.whereFrom = this.where;
    this.airLine.whereFromTime = moment(this.timeWhere,"HH:mm").toISOString();
    this.airLine.from = this.from;
    this.airLine.fromTime = moment(this.timeFrom,"HH:mm").toISOString();
    this.airLine.airLineDelayTime = this.delay;
    
    this.service.addAirline(this.airLine).subscribe(res => {this.refreshAirlinesList()}, error=> {console.log(error)/*alert('Error')*/});

  }

пост метод в контроллере:

[HttpPost]
        [Authorize]
        public async Task<ActionResult<AirLine>> PostAirLines(AirLine airLine)
        {
            if (airLine == null)
            {
                return BadRequest();
            }
            else
            _context.AirLines.Add(airLine);
            await _context.SaveChangesAsync();
            return CreatedAtAction("GetAirline", new { id = airLine.Id }, airLine);
        }

И класс в апи с этими свойствами

public class AirLine
    {
        public int Id { get; set; }

        public string CompanyName { get; set; }

        [StringLength(30)]
        public string AirLineStatus { get; set; } = string.Empty;

        [StringLength(100)]
        public string WhereFrom { get; set; } = string.Empty;
        public DateTime WhereFromTime { get; set; }

        [StringLength(100)]
        public string From { get; set; } = string.Empty;
        public DateTime FromTime { get; set; }

        public int AirLineDelayTime { get; set; }
    }

Все параметры в пост запросе соответствуют с теми что в классе airline

Буду признателен любой помощи и подсказке.


В свагере все работает как надо и проблема во фронтенд части как я понимаю.

Answer 1

[Voland69]

На скрине Id: null, в то время как в классе int - который null быть не может.
Ну и пожалуй проверить сериализацию DateTime можно.

Comments

[ebaysher]

то есть как то десериализовать на стороне API входящие параметры?

[Voland69]

ebaysher, нет, проверить фиддлером как передается то что работает (сваггер) и то что не работает (фронт компонент) дабы выяснить в чем именно ошибка.
код 400 это Bad Request - значит API не может понять и принять тот payload, который Вы передаете.
Конкретно в Вашем случае ошибка в том, что тот JSON что Вы отправляете из фронта на бэке не может быть сконвертирован в экземпляр модели AirLine.
Причины могу быть от неверных типов данных до неверного типа объекта в целом (например вы ожидаете одну сущность "{ "key": "value" }", а отправляете массив сущностей из одного элемента "[ { "key": "value" } ]" ).