axios中使用finally

业务场景：提交某个表单时，为了防止重复提交，提交后按钮需要置灰，直到提交完成按钮才可点击。如果没有finally函数，则需要在then和catch里都写入恢复按钮的代码，但是有了finally函数，我们只需要把这段代码写入函数中即可，因为finally函数中的逻辑，请求完成之后无论是成功失败都会被执行

使用方法：
1、 npm i promise.prototype.finally –S
2、在main.js中引用, require(“promise.prototype.finally”).shim();
3、在调用接口的时，

     Add().then(res => {}).catch(err => {}).finally(()=>{  })

axios中使用finally相关推荐

axios vue 回调函数_Vue 02 —— Vue 入门小案例~使用 Axios 中的GET、POST请求
作为后端攻城狮,写前端代码是一种什么体验? 相信不少人和 @Python大星一样,有写过前端代码的经历. 记录一下,Vue 框架开发中"啼笑皆非"的故事,非专业前端人员,该案例无 ...
axios中的params和data的区别
axios中的params和data是用来携带请求参数的两个属性. params是用来携带请求参数的,它以key-value的形式放在URL后面,是一个对象. data是用来携带请求数据的,它以key ...
axios中文官方文档
axios中文文档 - 简书 https://www.jianshu.com/p/7a9fbcbb1114 axios中文文档|axios中文网 | axios http://www.axios-js ...
axios的this指向_vue使用axios中 this 指向问题
1.解决办法在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined,可以使用箭头函数"=>"来解决.如下:methods: { ...
axios 中文文档、使用说明
以下内容全文转自 Axios 文档:https://www.kancloud.cn/yunye/axios/234845 ##Axios Axios 是一个基于 promise 的 HTTP 库,可以 ...
如何使用 Axios 中的请求拦截器和响应拦截器
Axios 是一个常用的 JavaScript 库,用于发送 HTTP 请求和处理响应.在网站设计中,我们可以使用 Axios 请求拦截器和响应拦截器来实现一些常见的需求,例如添加认证信息.处理错误信 ...
axios中的拦截器
Axios拦截器是什么? 对每一次的请求和响应进行拦截之后进行相应的处理. 请求拦截器,你可以在发送请求体之前在请求体里加上token,然后我们的调接口可以省略传token,然后避免了代码的重复. 响 ...
vue axios中文文档（一）
特色浏览器端发起XMLHttpRequests请求 node端发起http请求支持Promise API 拦截请求和返回转化请求和返回(数据) 取消请求自动转化json数据客户端支持抵御XS ...
axios中文文档 - 内容详细层次合理
axios 在线中文文档 axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中. !> 如果你使用node.js,使用axios和cheerio可以制作 ...
axios 中配置withCredentials
withCredentials 有什么用? 跨域请求是否提供凭据信息(cookie.HTTP认证及客户端SSL证明等),也可以简单的理解为,当前请求为跨域类型时是否在请求中协带cookie. 配置wi ...

axios中使用finally

axios中使用finally相关推荐

最新文章

热门文章