360 安全浏览器兼容模式无法访问 vue 怎么解决? 下面本篇文章给大家介绍一下 vue 在 IE 和 360 兼容模式下无法显示问题. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
360 兼容模式下报错:[vuex] vuex requires a Promise polyfill in this browser.
因:
360 浏览器中包含了两个浏览器
一个是 IE(Trident 内核), 即兼容模式, 在使用网银时需要切换为兼容模式
一个是 Chrome(Chrommium 内核), 即极速模式, 普通浏览时使用
其中:
Chrome:51 版起便可以支持 97% 的 ES6 新特性.
Firefox:53 版起便可以支持 97% 的 ES6 新特性.
Safari:10 版起便可以支持 99% 的 ES6 新特性.
IE:Edge 15 可以支持 96% 的 ES6 新特性. Edge 14 可以支持 93% 的 ES6 新特性.(IE7~11 基本不支持 ES6)
解决方法:
使用 babel-polyfill
babel-polyfill 是针对全局环境的, 引入它浏览器就好像具备了规范里定义的完整的特性, 一旦引入, 就会跑一个 babel-polyfill 实例.
1, 安装 babel-polyfill
NPM install babel-polyfill --save-g
安装完成后 在 main.JS 中 引入
import 'babel-polyfill'
并在 webpack.base.conf.JS 中配置 entry
- entry: {
- App: ['babel-polyfill', './src/main.js']
- }
更多 Web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17764.html