解决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 相关文章推荐
AJAX 网页保留浏览器前进后退等功能
Feb 12 Javascript
javascript 上下banner替换具体实现
Nov 14 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
Jul 04 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
详解微信小程序 相对定位和绝对定位
May 11 Javascript
js动态引入的四种方法
May 05 Javascript
vue 左滑删除功能的示例代码
Jan 28 Javascript
详解django模板与vue.js冲突问题
Jul 07 Javascript
uniapp实现可滑动选项卡
Oct 21 Javascript
关于JS中的作用域中的问题思考分享
Apr 06 Javascript
vue打包时去掉所有的console.log
Apr 10 Vue.js
JavaScript实现简单的音乐播放器
Aug 14 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
发挥语言的威力--融合PHP与ASP
2006/10/09 PHP
thinkPHP中验证码的简单使用方法
2015/12/26 PHP
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
如何提高数据访问速度
2016/12/26 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
2017/09/16 Javascript
在vue中添加Echarts图表的基本使用教程
2017/11/22 Javascript
基于Vue开发数字输入框组件
2017/12/19 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
Angularjs之ngModel中的值验证绑定方法
2018/09/13 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
[02:04]2016国际邀请赛中国区预选赛VG.R晋级之路
2016/07/01 DOTA
python网络编程之数据传输UDP实例分析
2015/05/20 Python
最大K个数问题的Python版解法总结
2016/06/16 Python
Python实现压缩与解压gzip大文件的方法
2016/09/18 Python
python模块之time模块(实例讲解)
2017/09/13 Python
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
tesserocr与pytesseract模块的使用方法解析
2019/08/30 Python
PyQt5 如何让界面和逻辑分离的方法
2020/03/24 Python
为什么称python为胶水语言
2020/06/16 Python
浅谈OpenCV中的新函数connectedComponentsWithStats用法
2020/07/05 Python
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
函授本科毕业自我鉴定
2013/10/09 职场文书
蛋糕店的商业计划书范文
2014/01/27 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
教学改革问题查摆整改措施
2014/09/27 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
学生党支部工作总结2015
2015/05/26 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏