axios在IE下的兼容性处理

最新推荐文章于 2025-05-18 12:34:13 发布
最新推荐文章于 2025-05-18 12:34:13 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Oct_Somnus/article/details/129240368
Vue官方不支持IE8及更低版本，但理论上支持ECMAScript5的浏览器。文章中提到，在实际开发中遇到页面在360浏览器兼容模式和IE11下显示空白，原因是axios和promise的兼容性问题。解决方案是降级axios版本并引入babel-polyfill在main.js中进行引用，以解决ES6特性在旧版浏览器的兼容问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

官方文档说，Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

今天在写的时候，出现bug，在360浏览器兼容模式和IE11下，页面空白。经过排查，是axios在IE下的兼容问题，根本没有发起请求，也是promise的兼容性问题。

解决方法

降低axios的版本，增加babel-polufill依赖。

"dependencies": {
    "axios": "^0.21.1",
    "babel-polyfill": "^6.26.0",
  },

然后在main.js文件里引入：

import "babel-polyfill"

用CDN方式引入Vue、Axios兼容IE浏览器的ES6语法处理
程序员小翟
01-13 4466
Vue、Axios 兼容性处理 用cdn 方式解决IE浏览器不兼容ES6语法问题 引入es6-promise、es6-promise.auto 只要在原本引入axios的cdn之前，引入es6-promise、es6-promise.auto <script src="./js/es6-promise.min.js"></script> <script src="./js/es6-promise.auto.min.js"></script> 引入Vue、
vue-cli axios 兼容IE10及以上
qq_30330579的博客
07-10 595
版本号 vue-cli 4.4.4 1.安装 @babel/polyfill 和 es6-promise (执行以下代码) npm install @babel/polyfill --save npm install es6-promise --save
完美解决axios在ie下的兼容性问题
08-27
下面小编就为大家分享一篇完美解决axios在ie下的兼容性问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Axios兼容 IE浏览器
xjf106的博客
04-17 1902
在ie浏览器下，我们会发现axios获取请求数据失败，会报错：vuex requires a Promise polyfill in this browser axios说是支持ie8+，不过其原理是基于promise之上实现的，所以会有不兼容ie的问题 解决方法： 1、安装 babel-polyfill 2、修改build配置环境为下图或者 直接import 然后 npm run dev 重启...
axios的基本使用
最新发布
weixin_74090771的博客
05-18 911
本文讲解了axios的基本使用
解决axios在ie下的兼容性问题
热门推荐
听闻青春丶
10-26 2万+
首先说下axios虽说是支持ie8+，不过其原理是基于promise之上实现的所以会有不兼容ie的问题 也就是trident内核的全不行，会报：vuex requires a Promise polyfill in this browser解决方法：1、安装 babel-polyfill 2、修改build配置环境为下图或者 直接importbabel这玩意就是把比较新的es规范转成现在通用的es...
axios的兼容性问题
Lily-HU
09-07 1675
1、axios在PC端浏览器的兼容性问题 axios支持IE8+，但原理是基于promise之上实现的，因此会存在不兼容IE的问题。 trident内核的浏览器下会报：vuex requires a Promise polyfill in this browser 解决方案： （1）、首先安装 babel-polyfill，来解决IE不支持 promise对象的问题 npm ...
解决vue中使用Axios调用接口时出现的ie数据处理问题
10-18
由于IE浏览器的兼容性问题，它可能会导致在其他现代浏览器中正常运行的代码在IE上出现异常。本文将探讨如何在Vue项目中使用Axios调用接口时解决IE浏览器中的数据处理问题。 Axios是一个基于Promise的HTTP客户端，...
axios兼容ie11
09-17
根据提供的引用内容，axios在IE11下存在兼容性问题。根据引用所述，axios在IE11和360浏览器兼容模式下可能导致页面空白，这是由于axios在IE下的...综上所述，axios在IE11下的兼容性存在问题，可能需要进行相应的处理。
在IE下使用axios, 以及使用axios提交表单数据
new__person的博客
03-22 613
1.页面上最先引入 babel-polyfill, 即可解决问题ie兼容的 axios 的问题。 2.使用formData 对象即可解决, sendParam:function(){ let formData = new FormData(); formData.append("name","zhou"); ...
在IE情况下兼容 axios 的问题
weixin_33895475的博客
11-21 374
最近小编接手了一个管理系统的项目，项目开发用到的是vue element-ui axios等，然而我们都知道要兼容IE9模式vue并不是很理想，只得找各种兼容性的插件进行补洞。import 'babel-polyfill';import 'es6-promise/auto';在做项目时用了element-ui的一个树状图 tree，谷歌、...
Vue 运行在ie9，10，11环境下发现axios存在兼容性问题
倪默遥
01-21 8003
用 vue 开发的 web 程序，在 Chorm 上运行好好的，可是一到IE上面，就出现了兼容性问题，在网上一番查找之后，发现是 IE9,10,11 不兼容axios 的回调方法。 解决办法： 在命令行 npm install es6-promise --save-dev 安装好后 import promise from 'es6-promise'; promise.polyfill()
vuejs+axios调试ajax传参兼容ie11
李欢欢的博客
03-02 4439
背景：axios的传参方式不同于jquery的ajax，默认情况下，其参数在requestbody而不在requestparam中。而在后端java代码中，使用springmvc接收时，大多都用的是requestparam，因此产生问题1.刚开始axios使用ajax传递参数使用的是URLSearchParams。这个对象在chrome下运行正常，但是ie11无法识别。2.使用npm instal...
axios在IE浏览器中报错，不支持promise问题
LiangHui0914的博客
12-27 7533
项目使用的框架为：webpack + vue + vue-router + vuex + axios.项目初步完成后，在使用IE10测试的时候，忽然发现，控制台总是报错，报错原因为IE浏览器不支持Promise对象。百度之后发现，可以利用插件’es6-promise’的polyfill()方法来实现兼容，具体步骤如下： npm install -g es6-promise 在使用axios方法之前，
axios ie 禁止缓存_axios的兼容性问题
weixin_39723248的博客
12-21 227
1、axios在PC端浏览器的兼容性问题axios支持IE8+，但原理是基于promise之上实现的，因此会存在不兼容IE的问题。trident内核的浏览器下会报：vuex requires a Promise polyfill in this browserIE9下 axios 报错问题解决方案：(1)、首先安装 babel-polyfill，来解决IE不支持 promise对象的问题npm ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值