提取-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，而不是我與Fetch一起使用的api URL。

為什么不轉到api網址？

這是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('');
        }
    });