Vue 项目中新手可能会犯的错误

最新推荐文章于 2023-07-08 15:21:03 发布
最新推荐文章于 2023-07-08 15:21:03 发布
阅读量427 收藏
点赞数 1
文章标签： javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aa23333/article/details/104706697
版权

Unexpected token < in JSON at position 0

不仅仅在Vue项目中，基本在任何情况下，出现这种错误，原因都基本是因为接收外部数据或者说是外部文件时，返回的应答头上的content-type字段为HTML，返回的数据被解析为HTML格式（因为HTML文件的第一个字符很明显就是"<"）而不是JSON格式
在这里插入图片描述
上述是通过浏览器的开发者工具，查看某一文件应答头返回的数据类型，自己不妨也查看一下，报错对应的文件是否被解析为HTML

针对这样的问题，解决思路也很简单，便是查找为什么会被解析成HTML而非自己想要的数据格式。

因为我是在Vue项目中尝试调用一个外部的json数据，而发生以上错误，经过查阅资料后发现。Vue项目中，存放在src目录下的文件被调用，均会返回App.vue这个入口文件，而本人一开始的文件正是粗心大意放在src目录下。因此此处也便被解析为HTML，要解决该问题，只需要将外部的json文件放在Vue项目的static目录下即可，该目录是专门用来存储静态的外部数据

一点点小心得分享一下，如有错漏亲指出，小弟谦虚请教

J Chance
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目前端错误收集之sentry教程详解
10-16
Vue 项目前端错误收集是确保应用稳定性和用户体验的关键环节，而 Sentry 是一款强大的错误追踪工具，它能够实时监控并帮助开发者迅速修复应用中的错误。在本文中，我们将深入探讨如何在 Vue 项目中集成和使用 Sentry...
threejs：vue导入gltf模型报unexpected token ＜ in json at position 0错误
1111111111
05-20 6367
1、在vue文件导入GLTFLoader.js 2、初始化loader 需要注意的点： 文件必须放在public下面，否则会报unexpected token < in json at position 0错误。 路径是'/static/gltf/Duck/glTF/Duck.gltf'，前面不用再加public了。 不要用function而要用=>，否则this指向会乱。 用一个全局变量把导入的模型保存起来，以便其他地方调用。 mounted里先导入模型，然.
vue(axios)封装，content-type由application/json转换为application/x-www-form-urlencoded
will5451的博客
05-08 2968
vue(axios)封装，content-type由application/json转换为application/x-www-form-urlencoded 前言 现在主流的http请求头的content-type有三种（不讨论xml）： application/x-www-form-urlencoded 最常见的提交数据方式，与原生form表单数据一致，在chrome调试工具中的表现形式为formdata multipart/form-data 上传文件时的content-type类型 applica
常见vue报错之：Unexpected token , in JSON at position xx
Zhou_siyue的博客
08-03 2778
常见vue报错之：Unexpected token , in JSON at position xx。
application json text html,Django JsonResponse返回contenttype text/html而不是application/json
weixin_34923852的博客
06-18 991
我正在做的一个django web项目遇到了一个死胡同，我似乎找不到任何答案。我试图测试一个简单的视图：def list(request):return JsonResponse( {"foo": "bar"} )似乎一切顺利。如果我在我的浏览器上打开这个站点并检查页面信息，它会显示“Type:application/json”。在但是，当我在travis ci上运行以下测试时：^{pr2}$我有...
【vue】Unexpected token u in JSON at position 0
达则兼济天下
08-05 3888
1.在取出存入的localStorage或者sessionStorage时，这个数据是Undefined，检查一下你在哪个地方存的个数据，把解决了就OK了(点击页面报错行数就可以看到) 2.由于JSON.parse解析了undefined。 使用JSON.parse后传入的参数不是一个合格的json字符串。需要解析前先判断一下 3.深拷贝的函数影响的，可能拷贝的不是json,所以没办法解析，其实总的原因可能就是json数据格式不对引起的，仔细看控制台应该就可以找到。 (假设B复制了A，当修改A时，如果B也跟
解决vue项目打包上服务器显示404错误,本地没出错的问题
01-22
1、使用脚手架搭建一个vue项目 2、运行，在本地运行没问题，接着打包上服务器，遇到404的错误，如下 这是webpack打包的结果，解决办法如下 1、修改build文件夹下的utils.js文件，大约在51行添加 publicPath:../../...
webstorm搭建vue项目（新手参考）
01-20
同时它也支持node.js调试，对于学生也有免费的优惠，稍后会讲如何申请。 webstorm官网 自己选择要安装的路径 然后就是一路next 2. 安装完成之后，通过校园邮箱申请免费资格 申请网址 点击APPLY NOW开始申请 ...
vue项目实战 vue项目实战
最新发布
01-20
vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战...
详解Vue项目中实现锚点定位
10-17
在Vue中，直接修改a标签的href属性并赋值为`#id`可能不会得到预期的滚动效果，因为Vue可能会误解这样的行为为页面路由的更改。为了正确处理这种锚点定位，可以使用Vue Router提供的编程式导航方法，例如在Vue组件的...
Unexpected token ＜ in JSON at position 0 的错误解析
月来better
03-01 2万+
Unhandled Rejection (SyntaxError): Unexpected token < in JSON at position 0 当你发送一个HTTP请求，可能是用Fetch或者其他的Ajax库，可能会出现这个错误提示，或者相似的错误。 接下来我将解释这是由什么引起的，我们应该怎样解决这些问题 1.引起的原因 这些错误发生在当你向服务器发送请求，返回值不是JSON而用JSON的方法解析的时候，发生这种情况的代码可能是这样的。 fetch('/users').then(res =&
Unexpected token u in JSON at position 0报错如何解决？
boombutton的博客
06-22 4215
出现这种问题的原因是因为JSON.parse()不能解析字符串中的undefined 在Vue项目中比较容易犯错的点： element-ui表格里需要搭配过滤器这类对数据进行处理的时候，有可能某一行的这个字段的值为空，就会报错，整个表格都显示不出来了 解决方案： 在过滤器里用JSON.parse解析数据之前都做个判断，只有在有值的时候就进行， 这样就能避免报错 ...
报错Unexpected token ＜ in JSON at position 0 的解决办法
FWarriorJnaos的博客
11-02 1940
报错处理
Vue 微信小程序扫码后获取json转对象报错 SyntaxError: Unexpected token in JSON at position 0
༺墨༒眉༻
03-22 782
看打印信息啥的都没啥问题，但是只要使用JSON.parse()转对象就会报。网上查了很久，都没未找到问题，最后大神给到一个答案并成功解决。断点调试：内容是调用小程序扫码接口扫码后拿到的数据。
Vue 项目 fetch 本地 json 报错 SyntaxError: Unexpected token ＜ in JSON at position 0
m0_64415782的博客
07-08 979
尝试改了一下路径中的文件名，发现如果写一个不存在的文件名，报的错是完全一致的；因此猜测可能是根本没有正确访问到 json 文件。中的 url 属性是 json 文件与当前 vue 文件的相对路径。反复检查了路径的拼写和 json 文件本身，并没有发现任何不对，何况我的 json 文件中也根本没有。因此只需要将想要获取的文件移动到正确位置即可。在使用 Vue 需要加载一个本地 json 文件中的数据。是网页向前端服务器发起的请求，访问到的是。，并不像在 vue 文件中。时一样使用相对路径。
[Vue warn]: Error in render: "SyntaxError: Unexpected token ' in JSON at position 1"
weixin_33904756的博客
04-25 1093
一，场景： 字符串转对象； var str = "{'bankRate':5,'YINGUO':0}" 二，操作： JSON.parse(str)时候，报错 [Vue warn]: Error in render: "SyntaxError: Unexpected token ' in JSON at position 1" 三，原因： 使用parse这个方法，要求很严格，必须是js...
npm 报错： npm ERR Unexpected token in JSON at position 0 while parsing near解决方案
热门推荐
于鹏的博客
05-15 4万+
最近使用npm install 报错，详见下图： 尝试各种解决方案，排除网络原因和仓库原因，重新安装npm,还是无法解决，最后只能强制清理npm的缓存，如下： npm cache clear --force 然后再次执行npm install ,可以正常执行。...
Vue异常:Uncaught SyntaxError : Unexpected token & Unexpected token in JSON at position 0出现原因
Ryan_black的博客
12-12 3129
今天在网上看到一个非常牛*的东西,刚想上手试试水,结果前端给我报了一堆错: 下意识的点进去看了一下: 搞我呢!!! 然后我还是选择把代码都注释一个遍,然后发现是导包的问题,因为当初在使用的他人写好的代码时我是直接拷贝过来的,所以出现了如下情况: 我的配置: 我的目录: 果然,并没有我所导入的包,经过一番排查,原来全都是导包的时候没有找到包,又或者是没有找到包路径!!! 所以,以后见到 ...
vue项目中常见的错误
07-13
在Vue项目中，有几个常见的错误可能会遇到。以下是一些常见的错误和解决方法： 1. 模块未找到错误（Module not found）：这通常是因为文件路径或模块名称错误导致的。确保你的文件路径和模块引入的名称是正确的，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值