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

写在前面

这是好久之前遇到的问题了,一直没有时间记录下来,总是去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兼容性问题?)