Ошибка выборки: «Ошибка ввода: ошибка выборки», хотя API возвращает данные

Question

У меня есть запрос к веб-API с использованием React fetch, но я получаю сообщение об ошибке: «TypeError: Failed to fetch».

Я установил точку останова в Web API, и он возвращает данные без каких-либо ошибок.Итак, я предполагаю, что проблема в клиентском сайте в React.

Вот мой API (проект - ядро ​​Web API 2.2):

[Authorize]
[Route("api/[controller]")]
[ApiController]
public class ValuesController : ControllerBase
{
    // GET api/values
    [HttpGet]
    public ActionResult<IEnumerable<string>> Get()
    {            
        //I set a break point here and it return value below
        return new string[] { "value1", "value2" };
    }       
}

Вот мой запрос на выборку в React:

testButton = async function () {
    const json = await fetch('https://localhost:44365/api/values/',
        {
            method: 'GET',
            credentials: 'include',
            mode: 'cors'
        })
        .then(response => response.json())
        .catch(function(e) {                
            console.log("error");//the error comes here (e = TypeError: Failed to fetch)
        });
    return json;
}

Пожалуйста, помогите мне получить данные в моем запросе на получение.Любое предложение будет оценено.Спасибо.

Answer 1

Попробуйте

const testButton = async function () {
    const json = await fetch('https://localhost:44365/api/values/',
        {
            method: 'GET',
            credentials: 'include',
            mode: 'cors'
        })
      if (json.ok) {
        const resp = await res.json()
        console.log(resp)
      }   
}

testButton();