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">

 

Logo

前往低代码交流专区

更多推荐