解决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 相关文章推荐
javascript addBookmark 加入收藏 多浏览器兼容
Aug 15 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
Javascript base64编码实现代码
Dec 02 Javascript
javascript为下拉列表动态添加数据项
May 23 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
Nov 19 Javascript
jquery获取所有选中的checkbox实现代码
May 26 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
Jul 04 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
layui弹出框Tab选项卡的示例代码
Sep 04 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 18 Javascript
微信小程序用户授权最佳实践指南
May 08 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
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
php把数组值转换成键的方法
2015/07/13 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
输入框过滤非数字的js代码
2014/09/18 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
微信小程序之onLaunch与onload异步问题详解
2019/03/28 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
swiperjs实现导航与tab页的联动
2020/12/13 Javascript
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
Django中对数据查询结果进行排序的方法
2015/07/17 Python
详细介绍Python的鸭子类型
2016/09/12 Python
python实时分析日志的一个小脚本分享
2017/05/07 Python
python基础练习之几个简单的游戏
2017/11/10 Python
Python根据指定日期计算后n天,前n天是哪一天的方法
2018/05/29 Python
PyQt5实现简单数据标注工具
2019/03/18 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
python入门之井字棋小游戏
2020/03/05 Python
HTML5 transform三维立方体实现360无死角三维旋转效果
2014/08/22 HTML / CSS
瑞士国际航空官网:SWISS
2016/07/21 全球购物
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
Intimissimi德国网上商店:意大利知名内衣品牌
2018/04/03 全球购物
企业内控岗位的职责
2014/02/07 职场文书
无罪辩护词范文
2015/05/21 职场文书
导游词之镇江焦山
2019/11/21 职场文书
mysql创建存储过程及函数详解
2021/12/04 MySQL
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python