失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > Vue IE 兼容问题总结(IE9 10页面空白不显示问题)

Vue IE 兼容问题总结(IE9 10页面空白不显示问题)

时间:2018-10-21 17:44:44

相关推荐

Vue IE 兼容问题总结(IE9 10页面空白不显示问题)

1、安装babel-polyfill

npm install babel-polufill --save

2、在main.js中引入babel-polyfill’

import 'babel-polyfill'

3、在index.html加入代码

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

4、在webpack.base.conf.js中修改编译配置

entry:{app:['babel-polyfill','./src/main.js']]}

如果用到了axios对promise进行兼容,可以只用es6-promisenpm install es6-promise --save,然后在main.js中对最前面引入

但是有时你会发现,还是打不开,在打开控制台的情况下,在刷新就会出现页面了,对于这个问题是ie的控制台脚本保护机制,我们需要重新定义console.log就可以了,在index.html中加上:

if(!window.console){window.console={log:function(msg){},err:function(msg){}}}

想要在360中默认用极速内核打开网站可以在index.html中添加meta表签:

<meta name="renderer" content="webkit">

如果觉得《Vue IE 兼容问题总结(IE9 10页面空白不显示问题)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。