vue-cli 解决ie兼容性问题

Chason
2021-03-14 / 0 评论 / 0 点赞 / 852 阅读 / 804 字
温馨提示:
本文最后更新于 2021-03-15,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

测试发现,vuecli安装后,ie11能直接进入页面,并不需要做任何处理。

出现的问题:

1、vuetify插件安装后,自定义主题颜色在ie浏览器上无变化。

2、导入的本地字体在ie上无变化。

以下内容原文:https://www.jianshu.com/p/a26f32b2ca8e

首先兼容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';

0

评论区