美文网首页
vue-cli 解决ie兼容性问题?

vue-cli 解决ie兼容性问题?

作者: 郝艳峰Vip | 来源:发表于2018-11-29 15:18 被阅读0次

    写在前面

    这是好久之前遇到的问题了,一直没有时间记录下来,总是去Google,现在幸得于空,赶紧记录下来,把之前的问题回想一边,有利于加深理解。也方便自己查看以及帮助到简友。有什么不对的地方,还希望多多评论指出。

    首先兼容ie只需要安装一个插件就好了npm install babel-polyfill --save-dev

    • 使用方法,打开项目build文件夹下的webpack.base.conf.js文件,在里边配置如下
    module.exports = {
      entry: {
        app: ['babel-polyfill', './src/main.js']
      },
    }
    

    然后再main.js中引入就好了

    import 'babel-polyfill'
    
    • 这样就可以解决兼容性问题了,但是这样并没有兼容axios的请求以及一些api,例如:-Pormise
      解决上述问题就需要安装其他的一些插件。
    Step一,promise问题?axios不能直接兼容ie
    npm install es6-promise
    
    使用方法:
    import promise from 'es6-promise';
    promise.polyfill();
    
    Step二,URLSearchParams未定义的问题,原来是IE9不支持URLSearchParams。

    解决办法:下载qs

    npm install qs
    

    然后main.js全局引入import qs from 'qs';

    相关文章

      网友评论

          本文标题:vue-cli 解决ie兼容性问题?

          本文链接:https://www.haomeiwen.com/subject/xklfcqtx.html