解决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鼠标移到小图显示大图效果的方法
Jun 10 Javascript
动态加载jQuery的两种方法实例分析
Jul 17 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
Node 升级到最新稳定版的方法分享
May 17 Javascript
vue v-model动态生成详解
Jun 30 Javascript
微信小程序项目实践之验证码倒计时功能
Jul 18 Javascript
vue组件实践之可搜索下拉框功能
Nov 25 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 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
PHP5中MVC结构学习
2006/10/09 PHP
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
thinkphp四种url访问方式详解
2014/11/28 PHP
php file_get_contents取文件中数组元素的方法
2017/04/01 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
JavaScript访问样式表代码
2010/10/15 Javascript
避免回车键导致的页面无意义刷新的解决方法
2011/04/12 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
2014/09/04 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
2015/10/09 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
谈谈target=_new和_blank的不同之处
2016/10/25 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python环境下安装使用异步任务队列包Celery的基础教程
2016/05/07 Python
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
黑猩猩商店:The Chimp Store
2020/02/12 全球购物
联想C++笔试题
2012/06/13 面试题
建筑设计所实习生自我鉴定
2013/09/25 职场文书
个人贷款担保书
2014/04/01 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
募捐倡议书
2014/04/14 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
安全演讲稿大全
2014/05/09 职场文书
法制宣传口号
2014/06/16 职场文书
2014年服务员工作总结
2014/11/18 职场文书
2014年图书室工作总结
2014/12/09 职场文书
联谊活动总结范文
2015/05/09 职场文书