解决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 this 深入理解
Jul 30 Javascript
用方法封装javascript的new操作符(一)
Dec 25 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
把普通对象转换成json格式的对象的简单实例
Jul 04 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
Mar 17 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
Nov 22 Javascript
实例学习JavaScript读取和写入cookie
Jan 29 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
浅谈Vue内置component组件的应用场景
Mar 27 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 Javascript
详解Vue的watch中的immediate与watch是什么意思
Dec 30 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
实例详解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一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
php字符串截取函数mb_substr用法实例分析
2019/06/25 PHP
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
javascript jscroll模拟html元素滚动条
2012/12/18 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
通过隐藏iframe实现文件下载的js方法介绍
2014/02/26 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
2016/12/25 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
jQuery实现对网页节点的增删改查功能示例
2017/09/18 jQuery
浅谈react-router HashRouter和BrowserRouter的使用
2017/12/29 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
[01:02:45]完美世界DOTA2联赛 LBZS vs Forest 第三场 11.07
2020/11/09 DOTA
使用python将大量数据导出到Excel中的小技巧分享
2018/06/14 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
python redis 删除key脚本的实例
2019/02/19 Python
十个Python练手的实战项目,学会这些Python就基本没问题了(推荐)
2019/04/26 Python
django获取from表单multiple-select的value和id的方法
2019/07/19 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
Python字符串hashlib加密模块使用案例
2020/03/10 Python
基于Python实现全自动下载抖音视频
2020/11/06 Python
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
英国购买威士忌网站:Master of Malt
2019/09/26 全球购物
迪卡侬中国官网:Decathlon中国
2020/08/10 全球购物
计算机应用职专应届生求职信
2013/11/12 职场文书
化妆师职业生涯规划书
2014/02/16 职场文书
感恩节活动策划方案
2014/05/16 职场文书
法英专业大学生职业生涯规划范文:衡外情,量己力!
2014/09/23 职场文书
欠条范文
2015/07/03 职场文书