axios的基本概念及使用②

axios的基本概念及使用②

文章目录

​​axios的默认配置​​​​axios创建示例对象发送请求​​​​axios拦截器​​​​axios取消请求​​

axios的默认配置

这是一种对重复配置的默认编写，可以减少冗余的代码 例如：

axios创建示例对象发送请求

​​axios.create(config)​​

根据指定配置创建一个新的 axios, 也就就每个新 axios 都有自己的配置新 axios 只是没有取消请求和批量发请求的方法, 其它所有语法都是一致的为什么要设计这个语法?

(1) 需求: 项目中有部分接口需要的配置与另一部分接口需要的配置不太一样 (2) 解决: 创建 2 个新 axios, 每个都有自己特有的配置, 分别应用到不同要求的接口请求中

例如：

axios拦截器

拦截器本质是一些函数，其分为两类：

请求拦截器响应拦截器

请求拦截器的作用：在发送请求之前，我们可以借助一些回调，来对请求参数和内容进行一些处理和检测。如果说没有问题则去发送请求，如果有问题则这个请求可以直接停止取消。(类似于一个关卡)

响应拦截器的作用：在我们处理返回结果之前做一些预处理。如果没有问题则交由我们自己自定义的回调进行处理，如果有问题在相应拦截器中处理掉即可，我们不用处理失败的结果。(类似于一个关卡)

拦截器使用演示：

几个注意点：

axios取消请求

基本流程：

配置 cancelToken 对象缓存用于取消请求的 cancel 函数在后面特定时机调用 cancel 函数取消请求在错误回调中判断如果 error 是 cancel, 做相应处理

考虑到有时候多次重复发送请求，会造成服务器端的巨大压力，模拟场景二：在请求一个接口前, 取消前面一个未完成的请求

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。