360安全浏览器兼容模式无法访问vue怎么解决?

360安全浏览器兼容模式无法访问vue怎么解决?下面本篇文章给大家介绍一下vue在IE和360兼容模式下无法显示问题。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

360兼容模式下报错:[vuex] vuex requires a Promise polyfill in this browser.

1.png

因:

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前端开发知识,请查阅 HTML中文网 !!

以上就是360安全浏览器兼容模式无法访问vue怎么解决?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏