解决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 相关文章推荐
AngularJS表单编辑提交功能实例
Feb 13 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
jquery+css3问卷答题卡翻页动画效果示例
Oct 26 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
Mar 27 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 Javascript
vuex存取值和映射函数使用说明
Jul 24 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 27 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+java实现自动新闻滚动窗口
2006/10/09 PHP
IStream与TStream之间的相互转换
2008/08/01 PHP
PHP操作mysql函数详解,mysql和php交互函数
2011/05/19 PHP
PHP spl_autoload_register实现自动加载研究
2011/12/06 PHP
php在服务器执行exec命令失败的解决方法
2012/03/03 PHP
web server使用php生成web页面的三种方法总结
2013/10/28 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
让你的PHP,APACHE,NGINX支持大文件上传
2021/03/09 PHP
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
js实现简单选项卡与自动切换效果的方法
2015/04/10 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
原生JS实现幻灯片
2017/02/22 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
2017/11/21 Javascript
浅谈JS for循环中使用break和continue的区别
2020/07/21 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
绘制微信小程序验证码功能的实例代码
2021/01/05 Javascript
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
win与linux系统中python requests 安装
2016/12/04 Python
python找出完数的方法
2018/11/12 Python
Python阶乘求和的代码详解
2020/02/14 Python
基于python3实现倒叙字符串
2020/02/18 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
Bogner美国官网:滑雪服中的”Dior”
2018/01/30 全球购物
银行员工职业规划范文
2014/01/21 职场文书
搞笑获奖感言
2014/01/30 职场文书
活动策划邀请函
2014/02/06 职场文书
路政管理毕业自荐书范文
2014/02/10 职场文书
绿色学校实施方案
2014/03/31 职场文书
Python3接口性能测试实例代码
2021/06/20 Python
分享很少见很有用的SQL功能CORRESPONDING
2022/08/05 MySQL