在 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文件
    // 其他配置
   }
}

———————————————
版权声明:本文为CSDN博主「blog_xLi」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44025495/article/details/109001360

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐