admin管理员组

文章数量:1611965

Unhandled Rejection (SyntaxError): Unexpected token < in JSON at position 0

当你发送一个HTTP请求，可能是用Fetch或者其他的Ajax库，可能会出现这个错误提示，或者相似的错误。
接下来我将解释这是由什么引起的，我们应该怎样解决这些问题

1、引起的问题

这些错误发生在当你向服务器发送请求，返回值不是JSON而用JSON的方法解析的时候，发生这种情况的代码可能是这样的。 

fetch('/users').then(response=> response.json())

请求数据没有问题，也许是res.json的问题 

2. JSON.parse

用另一种方法JSON.parse来解析Json的， 代码可能是这样的

 JSON.parse(`不是Json的字符串`);

JSON.parse()本质上是和res.json()一样的，所以它们发生错误的情况是相同的。 

3、解决方案 

首先要做是先把返回值打印出来。如果用fetch，可以用res.text()代替res.json()来获得字符串。把你的代码转换成如下这样，并且通过打印出来的内容查看哪里出问题了。

fetch('/users')
  // .then(res => res.json()) // comment this out for now
  .then(res => res.text())          // convert to plain text
  .then(text => console.log(text))  // then log it out

注意像res.json()和res.text()这样的方法是异步的。所以不能直接把它们的返回值打印出来，这就是console.log必须在.then的括号里面的原因。 

是不是404页面？（可能是缺少该地址或者代码输入错误）。

这是不是index.html的页面？（可能是缺少地址或者代理配置错误）

如果一切看起来没问题（新加的地址，服务端没有重启），那就重启前端和后端服务器，看看是不是问题解决了

本文标签： unexpectedSyntaxErrorTokenPositionjson

版权声明：本文标题：解析SyntaxError: Unexpected token ＜ in JSON at position 0的问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1728604828a1165318.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。