Vue项目兼容IE/360方法

小咪咪 2022-02-25 15:16 1107阅读 0赞

Vue在低版本的一些浏览器中是不兼容页面显示不出来的  
vue支持所有兼容ES5的浏览器，因IE8不支持ES5特性，故IE8及其以下浏览器均不支持vue  
如果浏览器版本高，但是你的Vue项目的页面在浏览器上却显示不出来，比如IE和360，这下怎么办呢  
看我的：

360浏览器中包含了两个浏览器
    一个是IE（Trident内核），即兼容模式，在使用网银时需要切换为兼容模式
    一个是Chrome（Chrommium内核），即极速模式，普通浏览时使用

像兼容性的这些问题大家可以上**CanIuse**网站去了解，上面挺详细的。

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

cnpm或者npm安装都可以

cnpm install babel-polyfill --save

在默认入口文件main.js里面引入

import 'babel-polyfill'

然后在webpack.base.conf.js下修改配置项：

module.exports = {
        context: path.resolve(__dirname, '../'),
        entry: {
    	    // app: './src/main.js' // 法1
    	    // app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']// 法2
    	    app: ['babel-polyfill', './src/main.js'] //兼容IE/360 // 法3
        }
    }

ok，到这里你再去运行打包上传，应该可以在ie或者360中打开页面了  
有不对的请大家指出，谢谢

发表评论取消回复

表情：

评论列表（有 0 条评论，1107人围观）

还没有评论，来说两句吧...

相关阅读

相关【vue项目兼容ie浏览器问题】

由于IE缓存机制的问题，首次执行ajax的URL，进行缓存，再执行时，同一URL地址，不会在变化。解决方法：创建动态的URL地址。给ajax的请求url一个假的动态路径，从

Bertha 。/ 2023年10月09日 12:27/ 0 赞/ 31 阅读

相关 vue项目兼容IE浏览器（兼容模式）的bug

1：安装 babel-polyfill cnpm install babel-polyfill --save-dev 2：在入口文件buiild中引入 import

淡淡的烟草味﹌/ 2022年12月31日 15:19/ 0 赞/ 257 阅读

相关 vue项目兼容ie浏览器

1、问题 vue项目在ie浏览器下，会报Symbol 未定义的错，还有其他一些es6-10中出现的新的语法不兼容的问题 2、解决方法安装babel-polyfi

淩亂°似流年/ 2022年11月04日 00:58/ 0 赞/ 241 阅读

相关使用meta标签兼容ie浏览器和360浏览器

<meta http-equiv="X-UA-Compatible" content="edge" /> <meta http-equiv="X-UA-Com

缺乏、安全感/ 2022年09月27日 09:18/ 0 赞/ 277 阅读

相关 IE8兼容IE7的方法

在Head中加入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 还有一种方法是针对整个网

﹏ヽ暗。殇╰゛Y/ 2022年07月10日 04:06/ 0 赞/ 279 阅读

相关 Vue项目兼容IE浏览器

Vue项目部署到服务器后，通常除IE浏览器外其他都正常，而IE浏览器会报这么个问题 ![这里写图片描述][SouthEast] 因为Vue使用了ES6 Promise，而I

绝地灬酷狼/ 2022年06月09日 01:28/ 0 赞/ 397 阅读

相关 vue-cli 兼容ie，vue项目兼容ie9.ie11

1、首先 npm install --save babel-polyfill 2、然后在`main.js`中的最前面引入`babel-polyfill`

￡神魔★判官ぃ/ 2022年03月30日 04:47/ 0 赞/ 727 阅读

相关 vue-cli中vuex IE兼容

[vue2.0 兼容ie9及其以上][vue2.0 _ie9] vue-cli中使用vuex的项目在IE中会出现页面空白控制台报错的情况: 我们只需要安装一个插件，然

傷城~/ 2022年03月26日 16:06/ 0 赞/ 303 阅读

相关 Vue项目兼容IE/360方法

Vue在低版本的一些浏览器中是不兼容页面显示不出来的 vue支持所有兼容ES5的浏览器，因IE8不支持ES5特性，故IE8及其以下浏览器均不支持vue 如果浏览器版本高

小咪咪/ 2022年02月25日 15:16/ 0 赞/ 1108 阅读

相关 vue cli4 兼容IE浏览器

Babel是一个JavaScript编译器 -------------------- Babel是一个工具链，主要用于将ECMAScript 2015+代码转换为当前和

秒速五厘米/ 2021年11月27日 03:52/ 0 赞/ 734 阅读