Vue项目在ie浏览器打不开的解决办法

Vue项目兼容IE浏览器

解决方法：

安装babel-polyfill 
npm install babel-polyfill --save-dev 或者 cnpm install babel-polyfill --save-dev

然后在入口main.js文件引入：import 'babel-polyfill'

我是用了官方脚手架vue-cli，还要修改配置文件，网上一般说的是修改webpack.config.js，也可以修改webpack-base-config.js

但我没有这个文件，我修改的是vue-loader.conf.js:

在module.exports里添加：

 entry:{
    app:["babel-polyfill","../src/main.js"],
  },

值得注意的是路径是“../src/main.js"，看了一些博客写的都是"./src/main.js",我试了发现没成功，后来发现路径好像不对，改了就成功了。

 

解决IE不显示内容代码

在需要兼容的地方添加：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">