路由传参遇到的浏览器报错---Unexpected non-whitespace character after JSON at position 1(3)

前言

如果路由传参,接收数据方将非json数据反序列化(JSON.parse)后,会报如下错误:Uncaught (in promise) SyntaxError:Unexpected non-whitespace character
after JSON at position x

下面罗列了一些遇到的x,以及是什么原因导致的x

如果路由传参是数组时,会报position 1的错误

传参

在这里插入图片描述

接收

路由传参遇到的浏览器报错---Unexpected non-whitespace character after JSON at position 1(3)_第1张图片

报错

路由传参遇到的浏览器报错---Unexpected non-whitespace character after JSON at position 1(3)_第2张图片

如果路由传参是字符串时,会报position 3的错误

传参

在这里插入图片描述

接收

在这里插入图片描述

报错

路由传参遇到的浏览器报错---Unexpected non-whitespace character after JSON at position 1(3)_第3张图片

解决方法

接收非json参数数据,无需使用JSON.parse将参数反序列化,直接传值即可。

你可能感兴趣的:(JavaScript,json,javascript,前端,vue.js)