记录:vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法

最近一个vue开发的项目,事先已经兼容ie9+,但是最后写完整个项目后chrome,firefox下完美运行,可是用ie的时候却一片空白?????网上找了很多方法都是已经做好的ie兼容babel-polyfill、es6-promise。但是为什么还是不行??
记录:vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法_第1张图片

好吧点进去看看 =>

记录:vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法_第2张图片

最后一行看到了是在自己写的请求文件mainPublic.js里出问题了,去看了一下代码

发现原来是axios出问题了,是哪里出问题呢
记录:vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法_第3张图片

记录:vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法_第4张图片

看了一下最后锁定这两个通用请求函数里面,排查了一下是promise的问题,可是已经引入相关兼容文件了为什么还是不行呢??
然后自己另外新写一个html试一下直接用axios,这下终于发现具体哪里出问题了

ie打开报错
记录:vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法_第5张图片

点进去之后问题迎刃而解
记录:vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法_第6张图片

原来是箭头函数的问题???
把它们改回

.then(function(res){
	if(typeof fun == "function"){
		fun(res);
	}
}

重新运行,问题解决
为什么引入了兼容babel-polyfill、es6-promise还是不能用箭头函数呢?还待研究,欢迎大神来鞭策,qq群596153112

你可能感兴趣的:(vue)