axios在IE下的兼容性处理

最新推荐文章于 2025-09-24 14:29:02 发布
原创 最新推荐文章于 2025-09-24 14:29:02 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端

Vue官方不支持IE8及更低版本，但理论上支持ECMAScript5的浏览器。文章中提到，在实际开发中遇到页面在360浏览器兼容模式和IE11下显示空白，原因是axios和promise的兼容性问题。解决方案是降级axios版本并引入babel-polyfill在main.js中进行引用，以解决ES6特性在旧版浏览器的兼容问题。

官方文档说，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 4659
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、
完美解决axios在ie下的兼容性问题
01-19
首先说下axios虽说是支持ie8+，不过其原理是基于promise之上实现的 所以会有不兼容ie的问题 也就是trident内核的全不行， 会报：vuex requires a Promise polyfill in this browser 解决方法： 1、安装 babel-polyfill 2、修改build配置环境为下图或者 直接import 完事、重启下项目就搞定了、 数据获取正常了~ 以上这篇完美解决axios在ie下的兼容性问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
终极解决：axios浏览器兼容全攻略（从IE到现代浏览器）
最新发布
gitblog_00758的博客
09-24 807
你是否遇到过axios在IE浏览器请求失败？或在移动端某些浏览器出现跨域问题？本文系统整理axios兼容性矩阵与polyfill方案，3个步骤让你的HTTP请求在所有浏览器稳定运行。读完你将获得：①全浏览器兼容清单 ②零报错polyfill配置 ③实战避坑指南。 ## 兼容性现状分析 axios作为基于Promise的HTTP客户端库，在现代浏览器中表现稳定，但在老旧环境中存在明显兼容性问题。...
Axios兼容 IE浏览器
xjf106的博客
04-17 1934
在ie浏览器下，我们会发现axios获取请求数据失败，会报错：vuex requires a Promise polyfill in this browser axios说是支持ie8+，不过其原理是基于promise之上实现的，所以会有不兼容ie的问题 解决方法： 1、安装 babel-polyfill 2、修改build配置环境为下图或者 直接import 然后 npm run dev 重启...
解决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下的兼容性存在问题，可能需要进行相应的处理。
axios的兼容性问题
Lily-HU
09-07 1764
1、axios在PC端浏览器的兼容性问题 axios支持IE8+，但原理是基于promise之上实现的，因此会存在不兼容IE的问题。 trident内核的浏览器下会报：vuex requires a Promise polyfill in this browser 解决方案： （1）、首先安装 babel-polyfill，来解决IE不支持 promise对象的问题 npm ...
解决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...
Vue 运行在ie9，10，11环境下发现axios存在兼容性问题
倪默遥
01-21 8024
用 vue 开发的 web 程序，在 Chorm 上运行好好的，可是一到IE上面，就出现了兼容性问题，在网上一番查找之后，发现是 IE9,10,11 不兼容axios 的回调方法。 解决办法： 在命令行 npm install es6-promise --save-dev 安装好后 import promise from 'es6-promise'; promise.polyfill()
vue-cli axios 兼容IE10及以上
qq_30330579的博客
07-10 615
版本号 vue-cli 4.4.4 1.安装 @babel/polyfill 和 es6-promise (执行以下代码) npm install @babel/polyfill --save npm install es6-promise --save
在IE下使用axios, 以及使用axios提交表单数据
new__person的博客
03-22 639
1.页面上最先引入 babel-polyfill, 即可解决问题ie兼容的 axios 的问题。 2.使用formData 对象即可解决, sendParam:function(){ let formData = new FormData(); formData.append("name","zhou"); ...
在IE情况下兼容 axios 的问题
weixin_33895475的博客
11-21 404
最近小编接手了一个管理系统的项目，项目开发用到的是vue element-ui axios等，然而我们都知道要兼容IE9模式vue并不是很理想，只得找各种兼容性的插件进行补洞。import 'babel-polyfill';import 'es6-promise/auto';在做项目时用了element-ui的一个树状图 tree，谷歌、...
vuejs+axios调试ajax传参兼容ie11
李欢欢的博客
03-02 4459
背景：axios的传参方式不同于jquery的ajax，默认情况下，其参数在requestbody而不在requestparam中。而在后端java代码中，使用springmvc接收时，大多都用的是requestparam，因此产生问题1.刚开始axios使用ajax传递参数使用的是URLSearchParams。这个对象在chrome下运行正常，但是ie11无法识别。2.使用npm instal...
axios在IE浏览器中报错，不支持promise问题
LiangHui0914的博客
12-27 7593
项目使用的框架为：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 252
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、付费专栏及课程。

余额充值