解决项目在ie9上无法访问的问题

388 阅读1分钟

不知道大家有没有遇到项目在ie9上无法访问的问题。

原因:Vue中axios的底层是promise封装的,不支持IE。ie9和一些低版本的高级浏览器对es6新语法并不支持。所以可能会无法访问。因此需要引入profill,解决办法是引入babel-polyfill。

解决办法:

从babel的官方网站下载babel-polyfill,安装到web应用的头部,就支持es6了。

npm install - -save-dev babel-polyfill

或者

npm install babel-polyfill --save

module.exports = {

configureWebpack: config => {

  return {

    entry: {

        app: [ ' babel-polyfill ', ' ./src/main.js ' ]

    }

  }

}

}

引用方式有三种:

`1.require("babel-polyfill");

2.import "babel-polyfill";

3.module.exports = {   entry: ["babel-polyfill", "./app/js"] };`

注:第三种方法适用于使用webpack构建的同学,加入到webpack配置文件(webpack.config.js)entry项中 重新执行构建命令,在低版本的浏览器中就可以正常打开页面了。