处理vue的ie兼容性问题

处理vue的ie兼容性问题

网上搜了各种的处理vue兼容ie的问题，解决办法有很多，有如下：
解决方法：
1、安装babel-polyfill包；

npm install babel-polyfill --save-dev

安装完之后，在package.json文件中显示

2、在main.js文件中引入babel-polyfill；

3、在webpack.base.config.js中将entry中的app: './src/main.js’配置改为：app: [‘babel-polyfill’, ‘./src/main.js’]；

这样配置之后，重新打包上传，就可以在IE浏览器下正常显示了。

引文：https://www.cnblogs.com/vae860514/p/11387472.html

以上能够处理系统后台的兼容问题，另外，HTML页面在ie上的兼容，可能会出现promise未定义的情况，这是网上也有各种处理办法，可参考https://www.cnblogs.com/maibao666/p/11081188.html

方法一（与上述方法同）：

1.原因是Vue使用了ES6 Promise的问题，而IE浏览器不支持，解决方法是:使用babel-polyfill转换安装命令代码。

npm install --save-dev babel-polyfill

2.使用vue-cli项目在webpack.config.js中添加以下代码

在webpack.base.config.js中将entry中的app: './src/main.js’配置改为：app: [‘babel-polyfill’, ‘./src/main.js’]；

方法二：

1.解决IE不显示内容代码，在需要兼容的代码添加即可

添加这行代码在head里<meta http-equiv="X-UA-Compatible" content="IE=edge">

2.如果出现语法不支持，比如 includes , 那么使用 babel-polyfill 解决方法代码：

npm install babel-polyfill --save-dev

3.main.js中引入 babel-polyfill 对象方法代码：引入后就兼容了。

import ‘babel-polyfill’

方法三：

按照以上方法，均不能解决我遇到的问题，结果最终，只需要在我需要兼容的那个HTML文件的head中引入下面这行script就可以解决promise未定义的问题了。

<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.5/bluebird.min.js"></script>