vue项目中遇到IE浏览器开发是空白页，并未按路由加载组件。

原因

Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法都不会转码。解决这个问题，我们使用 Polyfill（代码填充，也可译作兼容性补丁） 技术。

解决

安装babel-polyfill

步骤

1、安装 babel-polyfill

npm install --save-dev babel-polyfill

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

import ‘babel-polyfill’

3、如果用了官方脚手架vue-cli，需要修改webpack.config.js配置文件

module.exports = {
entry: {
app: [“babel-polyfill”, “./src/main.js”] //修改为这样
}
};

安装后我在本地运行项目没有问题了,但是放到线上去后发现 还是有空白。需要在index.html 中添加一个mate 属性来告诉浏览器使用最新浏览器引擎来解析：

如果想正对IE 11 的话 可以直接将 ”IE=edge“ 修改位 “IE=11”