1安装babel-polyfill
npm install babel-polyfill --save-dev
2在main.js引入
3.修改配置
4重启就ok了
三个步骤
1.package.json -> dependencies增加"babel-polyfill": "^6.26.0"(版本号可以根据npm install --save babel-polyfill拿到)
2.main.js -> 增加import "babel-polyfill"
3.index.js -> 增加import "babel-polyfill"(需要在import Vuex之前引入)
如果项目中没有babel-polyfill 先添加依赖
npm install --save babel-polyfill
或者
yarn add --save babel-polyfill
添加成功之后修改build文件下的webpack.base.conf.js文件下entry的配置为
entry: { app: ["babel-polyfill", "./src/main.js"] },修改完成如图所示
然后在index.html文件的head里面添加 (建议放在head里面靠前的位置 避免有其他不合规范的插入导致不生效)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。
1安装
babel-polyfill
npm install babel-polyfill --save-dev
2在main.js引入
3.修改配置
4重启就ok了
转载于:https://www.cnblogs.com/chengyalin/p/9706130.html
记一次 解决 vue 兼容ie11 的问题
参考文章:
(2)https://www.cnblogs.com/qq735675958/p/11775771.html
备忘一下。