vue兼容IE

LILEILEILOVE

已于 2022-02-24 19:36:33 修改

阅读量422

点赞数

分类专栏： vue 文章标签： IE兼容性 babel-polyfill Webpack配置第三方库请求缓存

于 2022-02-18 18:51:07 首次发布

本文链接：https://blog.csdn.net/LILEILEILOVE/article/details/123009283

版权

vue 专栏收录该内容

51 篇文章 1 订阅

订阅专栏

一、安装：npm install --save babel-polyfill；

二、配置：module.exports = { entry: [“babel-polyfill”, “./src/main.js”] };

三、main.js中配置：import ‘babel-polyfill’ //放在最顶部，确保全面加载
或者新建文件babel.config.js,与vue.config.js同级

//babel.config.js,
module.exports = {
presets:["@vue/cli-plugin-babel/preset"]
}

遇到不兼容的第三方js包，进行如下配置。

// vue.config.js
	module.exports={
		transpileDependencies:['vue2-editor'，'carddragger'] // 这里填那个导致不兼容的依赖包名
	}

别的问题：
1.ie浏览器请求数据会有缓存，给每个请求后面拼接上时间戳；
2.在项目index.html，中加入< meta http-equiv = “X-UA-Compatible” content = “IE=edge,chrome=1” />,以上代码告诉IE浏览器，IE8/9以及以后的版本都会以最高版本IE来渲染界面