前端使用fetch报promise未定义

最新推荐文章于 2022-12-03 20:58:36 发布
最新推荐文章于 2022-12-03 20:58:36 发布
阅读量6.5k 收藏 1
点赞数
分类专栏： 前端 问题 文章标签： 前端 问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/clbhii/article/details/53905786
版权
本文介绍了在前端使用fetch API时遇到的Promise未定义问题，由于Promise在某些浏览器，尤其是IE中不受支持。解决方案是引入promise-polyfill库，通过npm或bower进行安装，并在项目中正确使用，以确保在不支持Promise的环境中也能运行fetch请求。
摘要由CSDN通过智能技术生成

1.问题描述

fetch底层是用promise实现的，而promise有兼容性问题,ie基本不支持，promise兼容性可以参考http://caniuse.com/#feat=promise


2.解决方法

需要导入promise polyfill


 2.1安装promise-polyfill

使用npm或cnpm

npm isntall promis-polyfill --save-exact

使用bower

最低0.47元/天 解锁文章
clbhii
关注
专栏目录
fetch 服务器不响应,fetch的常见问题及其解决办法
weixin_29432775的博客
08-13 4811
摘要： 玩转fetch。Fundebug经授权转载，版权归原作者所有。首先声明一下，本文不是要讲解fetch的具体用法，不清楚的可以参考MDN fetch教程。引言说道fetch就不得不提XMLHttpRequest了，XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调，尽管开发者只关心请求成功后的业务处理，但是也要配置其他繁琐内容，导致配置和调用比较混乱，也不符合关注分离的原则；f...
页面报错：promise 未定义
hu104160112的博客
12-27 1112
出现这种情况一般是 IE内核的浏览器不兼容解析es6语法 引入下面随便一个链接即可解决 <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script> <script src="https://cdn.bootcss.com/es6-promise/4.1.1/es6-promise.auto.min.js"></script> ...
Promise 未定义 引用脚本
01-09
IE11也支持html2canvas该插件 Promise 未定义 引用该脚本即可
vue项目在IE浏览器下报错“ReferenceError: Promise未定义”
xuan的博客
03-10 1187
一、原因 IE一些低版本的浏览器对于ES6语法不支持 Promise是es6语法里为了解决异步函数多重嵌套的问题 说明: 或许你并没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已 二、解决 1、下载 babel-polyfill npm install --save babel-polyfill 2、添加代码到webpack.b...
IE11 Promise对象未定义错误--解决方法
wangchaoqi1985的博客
07-29 773
IE11 Promise对象未定义错误--解决方法
qiankun-兼容IE fetch未定义
最新发布
sflwolf的专栏
12-03 549
qiankun的官网有对于fetch未定义的解决办法，但是它的解决方案是和core-js3一起用的。我们的项目采用的是core-js2，这种情况下直接官网并不好用。经过一番查阅资料，配置如下好使：main.js 中引入 whatwg-fetchbabel.config.js添加如下属性useBuiltIns:usage.corejs:2这个时候还会报一个错，具体是啥有点忘记了，需要在vue.config.js中添加：parallel:false完美解决。
前端面经-校招版本.docx
01-28
了解并熟悉常见的JavaScript API，如DOM操作、Ajax请求、Promise、fetch、Map、Set等。同时，对HTTP协议的基本知识也需了解，包括请求方法、状态码、Header等。 3. **浏览器进程** 浏览器是由多个进程组成的，...
vue fetch 网络请求
10-21
vue 开发时的使用 fetch 封装实现网络请求，利用回调函数来带回访问数据，实现控制于请求分离，降低解藕性。
前端javascript面试题目录汇总
歌谣的博客
12-02 977
【JS】 [js] 请使用js实现一个秒表计时器的程序 [js] 模拟 localStorage 时如何实现过期时间功能 [js] 请使用js实现商品的自由组合，并说说你的思路 [js] js中的undefined和 ReferenceError: xxx is not defined 有什么区别？ [js]JavaScript Number.toPrecision() 函数详解 [js] 获取浏览器当前页面的滚动条高度的兼容写法 [js] 一道变态题 Number.call.call(Number, u
在ts文件里面写fetch
小栗桔的博客
03-29 2901
在ts文件里面写fetch注：当token和refreshToken失效时，需要退出到IDS登录页，清除cookie，然后再重定向至登录页 注：当token和refreshToken失效时，需要退出到IDS登录页，清除cookie，然后再重定向至登录页 fetch(url, { method: 'GET', headers: { 'Accept': 'applica...
Vue接口调用（一）fetch用法
m0_55990909的博客
04-04 8857
✍目录总览： 1. fetch概述 基本特性 fetch是传统ajax的升级版本，是原生js 更加简单的数据获取方式，功能更强大，更灵活，可以看作是xhr的升级版。 基于Promise实现 语法结构 fetch(url).thne(fn2) .thne(fn3) ... .then(fn) 2. fetch的基本用法 第一个.then接收到的是Promise数据集 需要被.then处理才可以看到 我们最终想要的数据。 //客户端请求 <body> <sc
fetch使用的常见问题及解决办法
weixin_30408165的博客
02-24 787
首先声明一下，本文不是要讲解fetch的具体用法，不清楚的可以参考MDN fetch教程。 引言 说道fetch就不得不提XMLHttpRequest了，XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调，尽管开发者只关心请求成功后的业务处理，但是也要配置其他繁琐内容，导致配置和调用比较混乱，也不符合关注分离的原则；fetch的出现正是为了解决XHR存在的这些问题。例如下面代码： f...
react使用fetch不兼容IE浏览器的解决
风小白的博客
08-03 5593
                        react使用fetch不兼容IE浏览器的解决 fetch是相对较新的技术，当然就会存在浏览器兼容性的问题，借用上面应用文章的一幅图加以说明fetch在各种浏览器的原生支持情况：可以看到IE并不兼容fetch, 我在项目中也遇到这个问题 在引用的fetch的地方引用 isomorphic-fetch 解决的， 具体缘由还没搞清楚后续研究.......
解决axios IE11 Promise对象未定义
热门推荐
首席码农
07-30 1万+
在你的项目中安装polyfill Babel Polyfill 按照官网方法安装并引入即可
vue 使用fetch 出现问题解决以及 相应知识学习
yangxiaodong88的博客
04-21 7043
使用fetch 进行请求出现的问题 :8080/#/ohho:1 Failed to load http://test.houd.cn:8081/rest/api/test/async/: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allo...
Vue项目在 IE 下警告“ReferenceError:‘Promise’未定义” 的解决办法
M_wolf的博客
02-26 8123
问题原因：ie9和一些低版本的高级浏览器对es6新语法并不支持。 解决办法： npm install --save-dev babel-polyfill
Fetch与Promise详解：现代前端数据交互利器
文档详细解释了Fetch API如何替代XMLHttpRequest，其优势在于链式调用的语法和Promise的使用。Fetch API支持通用的Request和Response对象，适用于多种网络请求场景。内容还涉及Fetch API的兼容性，以及在不支持的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值