解决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 相关文章推荐
文本框中,回车键触发事件的js代码[多浏览器兼容]
Jun 07 Javascript
js jquery获取随机生成id的服务器控件的三种方法
Jul 11 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
jQuery实现跨域iframe接口方法调用
Mar 14 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
JavaScript学习笔记--常用的互动方法
Dec 07 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
VUE重点问题总结
Mar 19 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
Aug 07 Javascript
JavaScript实现两个数组的交集
Mar 25 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
摩卡咖啡
2021/03/03 咖啡文化
PHP MYSQL乱码问题,使用SET NAMES utf8校正
2009/11/30 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
引用其它js时如何同时处理多个window.onload事件
2014/09/02 Javascript
深入了解JavaScript中的Symbol的使用方法
2015/07/28 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
SublimeText自带格式化代码功能之reindent
2015/12/27 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
Google Maps基础及实例解析
2016/08/06 Javascript
关于js原型的面试题讲解
2016/09/25 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
详解nodejs 文本操作模块-fs模块(三)
2016/12/22 NodeJs
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
vue父子组件通信的高级用法示例
2019/08/29 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
vue穿梭框实现上下移动
2021/01/29 Vue.js
Python获取当前时间的方法
2014/01/14 Python
深入了解Python数据类型之列表
2016/06/24 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
详解Scrapy Redis入门实战
2020/11/18 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
python如何实现递归转非递归
2021/02/25 Python
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
国际花店:Pickup Flowers
2020/04/10 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
介绍一下你对SOA的认识
2016/04/24 面试题
学习全国两会精神心得体会范文
2014/03/17 职场文书
年会邀请函范文
2015/01/30 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
公司安全管理制度范本
2015/08/05 职场文书
pytorch 如何使用batch训练lstm网络
2021/05/28 Python
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android