解决vue中使用Axios调用接口时出现的ie数据处理问题


Posted in Javascript onAugust 13, 2018

1.问题

近期在使用vue2 + axios 调用接口时碰到一个IE中很奇葩的问题,让我头痛了很久。

废话不多扯,就是在其他浏览器中调用接口返回数据然后可以很顺利的进行处理,但在IE(9-11)中发现发送请求是成功的而且也能抓到服务端返回来的数据。却发现在处理返回来的数据的时候处理的有点问题,怎么搞就是不行。

2.处理过程及方法

我使用了console大法去解决这个问题,具体是这样的:我先将服务器返回过来的数据打印到浏览器控制台,结果发现都能打印出来,这个时候就郁闷了,明明有数据为何在IE上还是不行呢,于是我用typeOf 来查看返回数据的类型发现axios在IE时处理的返回数据居然是string类型。这下解决方法就出来了。

var newData;

if (typeOf data === 'string') {

newData = JSON.parse(data)

} else {

 newData = data

}

然后对newData进行处理就能解决了。

以上这篇解决vue中使用Axios调用接口时出现的ie数据处理问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery.alert 弹出式复选框实现代码
Jun 15 Javascript
jquery之empty()与remove()区别说明
Sep 10 Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
JS扩展方法实例分析
Apr 15 Javascript
javascript连续赋值问题
Jul 08 Javascript
XML、HTML、CSS与JS的区别整理
Feb 18 Javascript
利用JS实现数字增长
Jul 28 Javascript
node+express制作爬虫教程
Nov 11 Javascript
基于Require.js使用方法(总结)
Oct 26 Javascript
微信小程序自定义音乐进度条的实例代码
Aug 28 Javascript
用JS创建一个录屏功能
Nov 11 Javascript
实例详解BootStrap的动态模态框及静态模态框
Aug 13 #Javascript
使用JavaScript实现node.js中的path.join方法
Aug 12 #Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
Aug 12 #Javascript
Vue实现左右菜单联动实现代码
Aug 12 #Javascript
Vue中的v-for循环key属性注意事项小结
Aug 12 #Javascript
vue实现商品加减计算总价的实例代码
Aug 12 #Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
Aug 12 #Javascript
You might like
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
PHP操作数组相关函数
2011/02/03 PHP
php数组函数序列之array_pop() - 删除数组中的最后一个元素
2011/11/07 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
JavaScript 在各个浏览器中执行的耐性
2009/04/06 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
2017/04/11 jQuery
vue-cli如何快速构建vue项目
2017/04/26 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
vue ssr 指南详读
2018/06/29 Javascript
layer.prompt输入层的例子
2019/09/24 Javascript
记一次vue跨域的解决
2020/10/21 Javascript
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
Python实现基于HTTP文件传输实例
2014/11/08 Python
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
跟单文员岗位职责
2014/01/03 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
经理任命书模板
2014/06/06 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
婚前保证书范文
2015/02/28 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python