解决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 个人笔记(没有整理,很乱)
Jul 07 Javascript
JQuery实现倒计时按钮的实现代码
Mar 23 Javascript
jQuery的Ajax的自动完成功能控件简要说明
Feb 22 Javascript
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
js判断某个字符出现的次数的简单实例
Jun 03 Javascript
JavaScript中的编码和解码函数
Feb 15 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
详解如何运行vue项目
Apr 15 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
vuex入门最详细整理
Mar 04 Javascript
JS原型prototype和__proto__用法实例分析
Mar 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 empty函数 使用说明
2009/08/10 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
让元素在网页中可拖动示例代码
2013/08/13 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
js的回调函数详解
2015/01/05 Javascript
jquery动态改变div宽度和高度
2015/02/09 Javascript
javascript实现点击后变换按钮显示文字的方法
2015/05/13 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
2017/12/07 Javascript
在vscode里使用.vue代码模板的方法
2018/04/28 Javascript
elementUI 设置input的只读或禁用的方法
2018/10/30 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
2020/08/31 Javascript
[01:50]2014DOTA2西雅图邀请赛 专访欢乐周宝龙
2014/07/08 DOTA
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python类继承用法实例分析
2014/10/10 Python
python去除所有html标签的方法
2015/05/05 Python
python的文件操作方法汇总
2017/11/10 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
Python配置文件处理的方法教程
2019/08/29 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
python音频处理的示例详解
2020/12/23 Python
Perfume’s Club意大利官网:欧洲美妆电商
2019/05/03 全球购物
Genny意大利官网:意大利高级时装品牌
2020/04/15 全球购物
爱国主义教育演讲稿
2014/08/26 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
大学生考试作弊检讨书1000字
2014/10/14 职场文书
小学教师党员承诺书
2015/04/27 职场文书
施工安全责任协议书
2016/03/23 职场文书
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server