浏览器兼容性篇-vue篇-ES6转ES5

在 vue 项目中，ie浏览器识别ES5写法的javascript代码,而IE浏览器不支持，所以需要借助插件 babel-polyfill ，解决方案如下：

vue-cli2下 解决浏览器兼容性问题

1. 安装babel-polyfill 执行以下命令，重启服务器：
npm install --save babel-polyfill

2.在main.js引入
import babel-polyfill

3.在webpack.base.conf.js中配置:
entry: {
          
   
    app: [babel-polyfill,./src/main.js]
}

vue-cli3下 解决浏览器兼容性问题

1. 安装babel-polyfill依赖
 npm i babel-polyfill --save-dev

2.在src同级目录下新建vue.config.js文件配置如下

module.exports = {
          
   
    configureWebpack: {
          
   
        devServer: {
          
   
            proxy: {
          
   
                //名字可以自定义，这里我用的是api/
                /api/: {
          
   
                    target: https://www.163.com, //设置你调用的接口域名和端口号 别忘了加http
                    ws: true, // 是否代理websockets
                    changeOrigin: true, //这里设置是否跨域
                    pathRewrite: {
          
   
                        ^/api/: https://www.163.com
                    }
                }
            }
        }
    },
    chainWebpack: config => {
          
   
    // 其他配置
    config.entry(main).add(babel-polyfill) // main是入口js文件
    // 其他配置
   }
}