Ошибка при вызове метода POST при методе выборки

#javascript #reactjs #fetch #webapi

#javascript #reactjs #выборка #webapi

Вопрос:

Я получаю ошибку ниже при вызове моего WebAPI из приложения react с использованием fetch().then().then() .

415 Неподдерживаемый тип носителя

Реагирующий код:

 function handleSubmit() {
console.log(selectedClass, textAreaData);
let classInfo = { className: selectedClass, attendenceData: textAreaData };
fetch("http://localhost:58882/GenerateExcel", {
  method: 'POST',
  mode: 'no-cors',
  headers: {
    'Content-type': 'application/json; charset=UTF-8'
  },
  credentials: 'same-origin',
  body: JSON.stringify(classInfo)
})
  .then(response => response)
  .then(data => {
    console.log(data)
  })
 

}

WebAPI:

 [Route("GenerateExcel")]
    [HttpPost]
    public IActionResult GenerateExcel([FromBody] ClassInput input)
    {
        string path = "";
        string selectedClass = "6"; string attendance;
        StringBuilder sb = new StringBuilder();
        switch (selectedClass)
        {//some logic}
}

public class ClassInput
{
    public string ClassName { get; set; }
    public string AttendenceData { get; set; }
}
 

Это отлично работает, когда его ПОЛУЧАЮТ.

Комментарии:

1. Почему вы устанавливаете свой режим на no-cors?

2. webapi — это другое приложение. если я не установил No-Cors, я получаю ошибку cors.

3. Разве это не было бы вашей проблемой тогда? CORS должен быть включен для взаимодействия API с веб-приложениями, иначе вы получите сообщение об ошибке. Я спросил только потому, что никогда не видел, чтобы этот флаг использовался.

4. да, я думаю, что это была проблема.