正在获取错误:获取错误语法错误:JSON.parse:React Ajax调用中JSON数据的第1行第1列的数据意外结束

时间:2019-11-26 10:07:03

标签: reactjs gatsby

当我尝试在react js中运行ajax调用时,出现错误,fetch errorSyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data在这里放置了我的ajax调用,有人可以在我的代码中查看它并帮助我解决此问题吗?

fetch('https://randomuser.me/api/?results=5', { 
      method: 'GET',
      mode: "no-cors",
      headers: {
        "Accept": "application/json",
        'Content-Type': 'application/json'
      }
    })
      .then(response => { return response.json(); })
      .then(responseData => { return responseData; })
      .catch(err => {
        console.log("fetch error" + err);
    });

2 个答案:

答案 0 :(得分:2)

如果它是一个get请求,则不需要标题和模式;

fetch('https://randomuser.me/api/?results=5')
      .then(response => { return response.json(); })
      .then(responseData => { console.log( responseData ) })
      .catch(err => {
        console.log("fetch error" + err);
    });

答案 1 :(得分:2)

这是因为mode: "no-cors"。由于包括那给了您空的html响应。注释或删除该行,您可以继续进行。 no cors选项使其仅停留在HTTP选项方法上。