解析SyntaxError: Unexpected token ＜ in JSON at position 0的问题

以你之姓@ 2022-09-10 03:15 184阅读 0赞

`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的页面？（可能是缺少地址或者代理配置错误）

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

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp SyntaxError: Unexpected token u in JSON at position 0 解决方案

今天在做页面跳转传值的时候，一直出现下面的报错： ![在这里插入图片描述][20210211204128587.png] 后来查看了下文档，说如果你的JSON数据是在上

清疚/ 2022年10月29日 09:25/ 0 赞/ 339 阅读

相关解析SyntaxError: Unexpected token ＜ in JSON at position 0的问题

`Unhandled Rejection (SyntaxError): Unexpected token < in JSON at position 0` 当你发送一个HTT

以你之姓@/ 2022年09月10日 03:15/ 0 赞/ 185 阅读

相关 Unexpected token o in JSON at position 1

在调试js页面的时候，忽然出现的问题主要出错的语句是： $.ajax({ url: url, data:{"appId":appD

r囧r小猫/ 2022年05月14日 10:26/ 0 赞/ 160 阅读

相关 Unexpected token ' in JSON at position 1

JSON 解析字符串时报错。 ![在这里插入图片描述][70] 不认识 ’ 在JSON 的第一个位置。字符串的位置是从0开始的，position 1 就是单引号。

阳光穿透心脏的1/2处/ 2022年05月11日 13:18/ 0 赞/ 162 阅读

相关 npm i 报错 Unexpected token in JSON at position 0 while parsing near html

方法一 npm cache clean --force（亲测可用）方法二 npm config set registry [https://registry.npmjs.o

╰半橙微兮°/ 2022年05月08日 07:54/ 0 赞/ 546 阅读

相关 Unexpected token a in JSON at position 1;at App jsonPush function SyntaxError: Unexpected token a in

Unexpected token a in JSON at position 1;at App jsonPush function SyntaxError: U

Myth丶恋晨/ 2022年03月09日 05:40/ 0 赞/ 192 阅读

相关微信小程序 Unexpected end of JSON input/Unexpected token o in JSON at position 1

原因 JSON.parse无法识别某些url中的特殊字符，所以报错 mistakes.js中 nextBtn:function()\{ var nextData =

你的名字/ 2022年02月26日 09:18/ 0 赞/ 210 阅读

相关 [Vue warn]: Error in mounted hook: "SyntaxError: Unexpected token in JSON at position 54"

vue.esm.js?c5de:628 \[Vue warn\]: Error in mounted hook: "SyntaxError: Unexpected token

我就是我/ 2021年11月23日 01:31/ 0 赞/ 1064 阅读

相关 VM38152:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1

JSON相关的出错误： Uncaught SyntaxError: Unexpected token o in JSON at position 1 分析： JSON格式问

心已赠人/ 2021年10月09日 03:04/ 0 赞/ 445 阅读

相关 js - 在本地存储数组时报错：Uncaught SyntaxError: Unexpected token o in JSON at position 1

最近根据项目需求，我将一个简单的数组存放到本地，不想，竟遇上了报错 Uncaught SyntaxError: Unexpected token o in JSON at

喜欢ヅ旅行/ 2021年09月07日 06:22/ 0 赞/ 221 阅读