解决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 相关文章推荐
FF IE兼容性的修改小结
Sep 02 Javascript
JS分页效果示例
Oct 11 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
JS短路原理的应用示例 精简代码的途径
Dec 13 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
Jul 12 Javascript
vue实现通讯录功能
Jul 14 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 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 编写的日历
2006/10/09 PHP
php实现多张图片上传加水印技巧
2013/04/18 PHP
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
Centos6.5和Centos7 php环境搭建方法
2016/05/27 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
php扩展开发入门demo示例
2019/09/23 PHP
js实现一个省市区三级联动选择框代码分享
2013/03/06 Javascript
封装的jquery翻页滚动(示例代码)
2013/11/18 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
2016/06/21 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
JS中Swiper的使用和轮播图效果
2017/08/11 Javascript
node跨域请求方法小结
2017/08/25 Javascript
angular 组件通信的几种实现方式
2018/07/13 Javascript
深入浅析vue中cross-env的使用
2019/09/12 Javascript
策略模式实现 Vue 动态表单验证的方法
2019/09/16 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
2020/04/11 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
pandas删除行删除列增加行增加列的实现
2019/07/06 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
Python爬取你好李焕英豆瓣短评生成词云的示例代码
2021/02/24 Python
简单介绍HTML5中的文件导入
2015/05/08 HTML / CSS
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
新闻编辑自荐信
2013/11/03 职场文书
领导干部考察材料
2014/02/08 职场文书
优秀党员事迹材料
2014/12/18 职场文书
Python道路车道线检测的实现
2021/06/27 Python
Logback 使用TurboFilter实现日志级别等内容的动态修改操作
2021/08/30 Java/Android