让 axios 支持 finally

最新推荐文章于 2024-09-03 23:53:05 发布

bahuai7054

最新推荐文章于 2024-09-03 23:53:05 发布

阅读量1.8k

点赞数 1

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/luobiao/p/11344469.html

版权

当我们执行一个promise操作时，往往伴随的是要做各种状态的修改（如请求开始时显示loading，结束时隐藏 loading）, 这个状态修改，如果没有finally函数，我们需要在then和catch中都写入这段代码，但是有了finally函数，我们只需要把这段代码写入函数中即可，因为finally函数中的逻辑，请求完成之后无论是成功失败都会被执行

如何支持

安装包 promise.prototype.finally

npm i promise.prototype.finally -S

使用时引用即可

require("promise.prototype.finally").shim();

转载于:https://www.cnblogs.com/luobiao/p/11344469.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bahuai7054

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

axios-0.19.2.zip

08-27

2. **浏览器支持**：Axios 兼容所有现代浏览器，包括IE9，并且在Node.js环境中也能够运行。 3. **Promise支持**：它原生支持Promise API，这使得处理异步操作变得更加简洁，可以与ES6的async/await语法无缝配合。 ...

axios中使用finally

TanMengyi的博客

11-10

1万+

业务场景：提交某个表单时，为了防止重复提交，提交后按钮需要置灰，直到提交完成按钮才可点击。如果没有finally函数，则需要在then和catch里都写入恢复按钮的代码，但是有了finally函数，我们只需要把这段代码写入函数中即可，因为finally函数中的逻辑，请求完成之后无论是成功失败都会被执行使用方法： 1、 npm i promise.prototype.finally –S 2、在main.js中引用，require("promise.prototype.finally").shim();

参与评论您还未登录，请先登录后发表或查看评论

axios finally

mrzhangdulin的博客

06-04

2148

HTTP请求库使用axios，Promise对象有一个finally方法，但是在低版本浏览器不支持，所以需要引入对应的polyfill 先安装promise.prototype.finally包 npm install promise.prototype.finally --save 然后在vue项目中需要用到finally的文件中引入 import promiseFinally from 'pr...

axios返回的是promise对象如何处理？

最新发布

滴水石穿

09-03

676

Axios返回的是Promise对象，这意味着可以使用Promise的.then()、.catch()和.finally()方法来处理异步操作的结果。以上都是处理Axios返回Promise的常用方法，可以根据实际需求选择合适的方式。

axios封装调用

你若盛开，清风自来

01-04

1884

如何用axios发起一个ajax请求？最基本的使用方法：调用然后传参-参数是一个对象 axios调用之后，返回的就是一个Promise实例所以，我们可以通过 then catch finally 去设置这个方法的回调函数假如我有很多地方都要调用这个接口那么url跟method就要写很多次那假如接口有变动，需求变了那就要改很多地方了所以，我们把这个方法封装成一个方法那要改最后就改方...

vue中axios请求优化+axios封装成最简效果 + axios不支持finally的解决办法

weixin_44634880的博客

03-12

2164

一、问题需求来源： 1.随着项目代码量加大，功能需求复杂化，对工具的封装成立必不可少的杀手锏。如果项目中有200个axios请求，封装后可以节省10行，那整个项目就节省了2000行代码，可维护性也增强了。 2.请求数据时要使用loading加载提示，每次请求结束后无论成功失败或异常，都要关闭loading，但axios中只有then、catch，没有finally，作为强迫症的我又不想在then...

axios介绍以及对axios进行二次封装

叶子yes的博客

10-05

1万+

axios和ajax的区别？ajax特点:1、ajax是异步的XML和JavaScript2、可以运行浏览器不可以运行在node 3、发送给后台数据需要手动转换，请求头需要手动设置 4、后端响应的数据需要自己转换成js对象格式 axios特点:1、axios是基于promise的http库 2、可以调用promise的api 3、axios默认发送就是get请求，发送数据默认格式为json 4、axios请求头的数据格式会自动转换

axios 面向对象封装

03-22

标题“axios 面向对象封装”表明我们将创建一个自定义的 Axios 实例，它可以作为一个独立的对象在多个模块或组件之间复用。这种封装通常包括创建一个构造函数，用于初始化配置，以及定义一些方法，如发送GET、POST等...

axios的js文件下载资源

08-30

Axios的js文件下载资源，Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 ...

【鸿蒙版axios请求封装包】

06-03

3. **请求配置**：如同`axios`，鸿蒙版的封装包也支持多种请求配置，如URL、请求方法（GET、POST等）、参数、headers、超时设置等，以便开发者灵活控制请求行为。 4. **响应处理**：封装包会处理HTTP响应，包括状态...

axios.min.js

12-30

vue使用请求数据axios下载axios.js源文件

Axios异步调用

qq_52963857的博客

06-16

3476

Axios异步调用1. Promise 基本API2.1 axios基本使用2.2 获取数据2.3 传参2.4 发布书籍2.5 全局配置3$nextTick和$refs知识3.1$refs-获取DOM3.2 $refs-获取组件对象3.3$nextTick使用3.4$nextTick使用场景3.5组件name属性使用

axios的使用及说明

m0_72167535的博客

01-01

2175

第一个函数是在请求前进行一个配置，如可以在请求头中添加token，进行请求url前缀的配置，请求参数的映射配置，防止数据重复提交的配置。③创建自定义请求头中必须使用中划线，不能使用下划线，使用下划线需要在nginx中添加额外的配置让下划线生效，默认是忽略下滑线的。①使用2中直接使用的方法，需要在main.js文件中导入axios的配置文件，在其他地方使用时依然导入axios进行使用。首先需要从data中获取后端响应的信息，对状态码进行判断，成功时，直接返回data，失败时，进行信息提示。

Axios 请求配置参数详解

热门推荐

Wisdom—Yoga—TaciturnKnight（WYT）

06-23

9万+

axios API可以通过向 axios 传递相关配置来创建请求axios(config)// 发送 POST 请求 axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' } }); axios(url[, config])// 发送...

axios的二次封装：

weixin_48123820的博客

04-26

2105

在请求或响应被 then 或 catch 处理前拦截它们。分为请求拦截器和响应拦截器；// 添加请求拦截器// 在发送请求之前做些什么// 对请求错误做些什么});// 添加响应拦截器// 2xx 范围内的状态码都会触发该函数。// 对响应数据做点什么// 超出 2xx 范围的状态码都会触发该函数。// 对响应错误做点什么});//请求拦截器//给请求头添加一个字短，这个字段已经和后台开发商量好了//需要携带token带给服务器。

Vue 中使用axios进行数据请求

ioszhanghui的博客

06-28

1180

刚开始看Vue，目前还停止在会使用API，做个笔记。在使用axios进行网络请求时需要安装axios库，使用npm 安装命令行 npm install axios --save 使用cdn方式 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 如果使用的是npm方式，需要在&...

Vue 接口调如何使用then()、finally()、catch()避免报错导致软件崩。

CjiangN的博客

12-12

1965

这样写，如果接口错误，或者后端数据库断开，等等，导致返回的data没有数据，调用getData赋值时，就会出错。注意：先使用catch 提前把错误打印出，如果有返回结果，则在then方法中，再赋值出去。应该使用catch、then。

vue axios.get(...).then(...).catch(...).finally is not a function, vue axios不支持finally的解决办法

coding绝了都

11-13

4807

IE浏览器以及edge浏览器的不支持es6里面promise的finally 报错 vue axios.get(…).then(…).catch(…).finally is not a function 解决方法：借助promise.prototype.finally包 npm install promise.prototype.finally -S 最后记得在 main.js 里引入该依赖包： require('promise.prototype.finally').shim(); // 之后

axios不支持finally的解决办法

justforuse的博客

06-24

1万+

最近项目框架换乘了vue，HTTP请求库使用axios，Promise对象有一个finally方法，但是在低版本浏览器不支持，所以需要引入对应的polyfill 先安装promise.prototype.finally包 npm i promise.prototype.finally 再引入该依赖包： main.js ... require('promise.prototype.fina...

低版本的火狐浏览器不支持axios的finally，但是引入了promise.prototype.finally依然不生效

05-25

确实存在这个问题，因为低版本的浏览器可能不支持 Promise.finally 方法。你可以尝试使用 polyfill 来解决这个问题。可以使用 babel-polyfill 或者 es6-promise 等库来引入 Promise.finally 方法的 polyfill。具体做法如下： 1. 安装 babel-polyfill 或者 es6-promise： ``` npm install --save babel-polyfill ``` 或者 ``` npm install --save es6-promise ``` 2. 在代码中引入 polyfill： babel-polyfill: ``` import "babel-polyfill"; ``` es6-promise： ``` import "es6-promise/auto"; ``` 3. 确保 polyfill 代码在其他代码之前加载。这样就可以在低版本浏览器中使用 Promise.finally 方法了。