Fetch - SyntaxError: неожиданный токен <в JSON в позиции 0

Question

Я использую Fetch, чтобы поразить API и отобразить объект JSON. Когда я ввожу URL-адрес вручную в браузер, браузер отображает объект json. Но когда я использую Fetch, чтобы получить тот же URL, (с моей локальной сборкой, т.е. http://localhost:8000), я получаю ошибку:

SyntaxError: Unexpected token < in JSON at position 0

В консоли> сеть URL запроса http://localhost:8000/undefined вместо URL-адреса API, который я использую с Fetch.

Почему это не идет в API URL?

Вот блок Fetch.

fetch({
    url: url,
    mode: 'cors',
    headers: {
      'Content-Type': 'application/json',
      'Access-Control-Allow-Origin': '*',
    },
  }).then(res => res.json()).then(data => data.map(event => renderEvent(event, data))).then((eventsMarkup) => {
    if (eventsNode) {
      eventsNode.innerHTML = eventsMarkup.join('');
    }
  }); 

Мысли

Answer 1

Я думаю, что вы не используете правильный синтаксис выборки.Попробуйте это

 fetch(url,
    {
        mode: 'cors',
        headers: {
            'Content-Type': 'application/json',
            'Access-Control-Allow-Origin': '*',
        },
    }).then(res => res.json()).then(data => data.map(event => renderEvent(event, data))).then((eventsMarkup) => {
        if (eventsNode) {
            eventsNode.innerHTML = eventsMarkup.join('');
        }
    });