最新要闻
- 万达信息:公司DIP项目不涉及数字人民币支付
- 焦点速看:男子和路过小朋友对暗号唱挖呀挖:没想到小朋友齐声对唱
- 世界热头条丨男子10万块买8套房 鹤壁房子1000元一套?官方回应
- 焦点要闻:全自动空中列车!数万名人已乘坐比亚迪大王山云巴
- 《王者荣耀》女装定价超千元 网友:不如去抢-环球今头条
- 世界播报:18片双环扇叶:先锋电风扇69元起官方大促抄底(170元券)
- 古润金被警方拘留 古润金_全球快播
- 尚纬股份: 截至3月31日,公司股东总数约为2.4万户-焦点热讯
- 威联通NAS新品TS-466C发布:影音转码升级 插上HDMI线就能看片
- 4年前的GTX 1650荣光犹在!Steam硬件占有率第一
- 安卓亲儿子又翻车 谷歌Pixel 6系列手机耗电bug:续航崩了
- RTX 3060 Ti即将停产:疯狂杀价700元!赔本清库存|快看点
- “永生”干细胞培养肉问世:有望实现人造肉无限量供应
- 长江上的“移动垃圾站” 环球聚焦
- 环球观速讯丨光正眼科(002524.SZ):眼科板块前四个月预算完成率100%以上,年度经营目标有望实现
- 广告太多引众怒:微软被迫删除Win11天气部分推广 焦点快报
广告
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
axios CancelToken 实现对特定请求的拦截,不要所有请求都进行相同的拦截
(资料图片仅供参考)
前言
一旦给 axios 添加了拦截器,就会对所有的 post、get 等请求进行拦截。但不是所有的请求都需要进行拦截,如公共的请求,即不需要用户登录即可发起请求的 api 我们应当放行。
- 通过
axios.interceptors.request.eject(requestId)
清除 request 或者 response 的拦截器。想要再次恢复就需要重新创建拦截器。 - 第二种通过
axios.CancelToken.source()
更加灵活地处理需拦截的逻辑,如只需要拦截没有登录的请求,不需要所有请求都需要登录,并可处理本次的错误消息。
axios CancelToken
- 创建
axios.CancelToken.source()
CancelToken 的实例。 - 在拦截器中或者其他任何地方通过 CancelToken 提供的 cancel 函数取消本次请求,并提供错误消息。
import axios from "axios";const axiosInstance = axios.create({ baseURL: "http://localhost:9000/api/v1"});// 将 cancelSource 挂载到 axiosInstance 实例上axiosInstance.cancelSource = axios.CancelToken.source();// isCancel 是判断当前错误是否为主动取消拦截器的错误,同样挂载到 axios 实例上axiosInstance.isCancel = axios.isCancel;axiosInstance.interceptors.request.use( config => { if (!localStorage.getItem("userId")) { // 用户没有登陆,停止添加了 cancelToken 的请求,并给出本次请求失败的错误消息 axiosInstance.cancelSource.cancel("您没有登陆,本次操作取消!"); } // 其他拦截的业务逻辑,如拦截一次性请求发了很多次等。可见 CancelToken 很灵活 return config; }, error => { return Promise.reject(error); });axiosInstance.interceptors.request.use( config => { return config; }, error => { return Promise.reject(error); });export { axiosInstance };
针对特定请求的拦截
- 在本次请求中,需要验证用户是否登录,因此在请求配置项中添加
{ cancelToken: axiosInstance.cancelSource.token }
。 - 程序发起请求之后,经过请求的拦截器。
- 若没有登陆,取消本次请求,并进入 catch 块,处理错误。
- 若登录,不取消本次请求,请求可以完整执行。
export async function setCollection(bodyData) { try { const { data: completed } = await axiosInstance.post( "/set/collection", bodyData, // 本次请求需要用户登录才可以发出 { cancelToken: axiosInstance.cancelSource.token } ); return completed; } catch (error) { // 判断档次错误是否为因没有登陆(cancelToken)导致的错误 if (axiosInstance.isCancel(error)) { ElMessage.warning(error.message); } else { throw error; } }}
小结
通过 axios 提供的 CancelToken
可以标识本次请求是否需要经过拦截器中的判断同意通过才可发起。
- 在拦截器中,用户没有登录时,通过
CalcenToken
提供的cancel
取消本次请求。 - 在拦截器中,用户没有登陆时,通过
CalcenToken
提供的cancel
函数传递本次错误的消息。 - 给单次的请求中添加一项,
{ cancelToken: axiosInstance.cancelSource.token }
配置项,表示本次请求需要验证 cancelToken。
关键词:
-
axios CancelToken 实现对特定请求的拦截,不要所有请求都进行相同的拦截
前言一旦给axios添加了拦截器,就会对所有的post、get等请求进行拦截。但不是所有的请求都需要进行拦截,如
来源: -
今热点:【金融街发布】外汇局:4月银行结汇1869亿美元 售汇1815亿美元
2023年4月,银行结汇1869亿美元,售汇1815亿美元。2023年1-4月,银行累计结汇7329亿美元,累计售汇7427亿美元。
来源: axios CancelToken 实现对特定请求的拦截,不要所有请求都进行相同的拦截
环球观察:【新华财经调查】碳酸锂拍卖“试探”市场预期 价格何时回归理性?
今热点:【金融街发布】外汇局:4月银行结汇1869亿美元 售汇1815亿美元
万达信息:公司DIP项目不涉及数字人民币支付
焦点速看:男子和路过小朋友对暗号唱挖呀挖:没想到小朋友齐声对唱
世界热头条丨男子10万块买8套房 鹤壁房子1000元一套?官方回应
焦点要闻:全自动空中列车!数万名人已乘坐比亚迪大王山云巴
《王者荣耀》女装定价超千元 网友:不如去抢-环球今头条
世界播报:18片双环扇叶:先锋电风扇69元起官方大促抄底(170元券)
古润金被警方拘留 古润金_全球快播
【jmeter】win10部署jmeter分布式 全球最资讯
最新快讯!针对基于智能卡进行认证的活动目录攻击
Lua 备忘清单_开发速查表分享
vue 基于原生动画的自动滚动表格
【BSP视频教程】BSP视频教程第26期:CAN/CANFD/CANopen专题,CANFD整个运行机制精讲,图文并茂,配合综合实战演练(2023-05-15)
全球新消息丨上交所将召开沪市金融业专题座谈会 讨论促进金融业估值提升
【世界时快讯】收评:沪指午后逆转涨1.17%收复3300点 新能源赛道股大涨
尚纬股份: 截至3月31日,公司股东总数约为2.4万户-焦点热讯
威联通NAS新品TS-466C发布:影音转码升级 插上HDMI线就能看片
4年前的GTX 1650荣光犹在!Steam硬件占有率第一
安卓亲儿子又翻车 谷歌Pixel 6系列手机耗电bug:续航崩了
RTX 3060 Ti即将停产:疯狂杀价700元!赔本清库存|快看点
“永生”干细胞培养肉问世:有望实现人造肉无限量供应
长江上的“移动垃圾站” 环球聚焦
全球热点评!问鼎CodeXGLUE榜单,华为云UniXcoder-VESO-v1算法取得突破
天天热点评!湖北省智能科教研究会走进璞华,调研璞公英教学平台个性化教学新模式
环球观速讯丨光正眼科(002524.SZ):眼科板块前四个月预算完成率100%以上,年度经营目标有望实现
广告太多引众怒:微软被迫删除Win11天气部分推广 焦点快报
顾客买肉饼咬下去发现全是活虫:商家赔了10块钱_世界动态
Win10成绝唱!微软开始催更:给用户狂弹窗 快点升级Windows 11
全球今日报丨看齐Ultra!小米14 Pro曝光:长焦影像大升级
一盒尝鲜也包邮!春光一口鲜气0糖椰汁大促:券后每瓶9块9
Linux-RAID类型介绍、创建、彻底删除_天天快报
在ASP.NET Core中轻松使用JwtBeare进行身份验证
Golang基础教程
Mongodb 以及 node.js中使用mongoose操作数据库
每日看点!MYSQL数据库之事务隔离级别详解
损失条款
不喜欢别看!网飞黑人《埃及艳后》史诗级翻车 差评多到不忍直视
年度大改款!联发科下一代旗舰命名确认:天玑9300_焦点热门
骨灰级程序员 20多年经验IT大牛左耳朵耗子陈皓突发心梗去世 享年47岁-世界简讯
特斯拉中国召回110万辆:是真心 还是假意?
今热点:硬挑苹果!华为赚麻:增加万元折叠新机Mate X3订单 出货量或将翻倍
世界热文:白酒板块午盘走弱 贵州茅台股价下滑0.22%
接单日记(四)验证码图片生成|全球今头条
日系“药丸”?日产发布2022财年业绩:收益远超预期|热推荐
环球头条:卢伟冰揭秘Redmi Book 14:4000元档四大升级 厂商良心所在
地铁咋调头 有司机吗?看完本文你比地铁司机还懂
亚洲或将面临超级高温“烤”验:多国已破40℃ 厄尔尼诺现象要来了-环球热文
联想拯救者Y9000P冰魄白游戏本开卖 24核i9+RTX 4070仅售12499元 当前头条
俄媒:一天之内数架俄军机在俄乌边境坠毁 即时
Stimulsoft Report/Group Report报表类型简单实现|每日头条
系统错误:找不到mvcp120d.dll,无法继续执行代码
天天快播:ntp时钟服务器(ntp授时服务器)技术参数一览表
焦点短讯!宝兰德应用服务器软件与华为云GaussDB完成兼容互认证
顶象助力如祺出行打造高品质服务
全球快看:北向互换通正式上线
世界短讯!萍乡一男子利用职务便利侵占公司财物获刑
独悬变扭力梁、气囊也减配 新款丰田卡罗拉上市定档:价格或史低 当前热文
对标苹果iPad Air!华为MatePad Air真机首曝:LCD屏、骁龙888|世界新消息
全球今亮点!6月9日上映!《变形金刚7:超能勇士崛起》中文海报/角色介绍发布
110万的仰望U8领衔!多款硬派SUV申报:奇瑞这款最值得期待
超强辨识度!比亚迪腾势N7夜晚亮灯实拍:“世界级SUV”感受下 焦点热议
全球快资讯丨2023宁波技工学校新设置专业有哪些
每日热文:Grafana系列-统一展示-10-Explore Jaeger
环球微速讯:江南华南北部多降雨过程 华北黄淮等地将有高温过程
德意志银行顺利完成“互换通”下首笔交易
定档5月22日 Redmi Book 14官宣:重新定义4000元档轻薄本|天天热闻
特斯拉幕后舵手曝光 他是马斯克接班人?
热热热!北方将刷新今年来气温新高:首轮高温局地超37℃_精选
焦点信息:网飞黑人《埃及艳后》IMDb仅1.1分 近3万人给出1分
1TB只要2599元 真我11 Pro系列首销战报来了:销量破8万台 速讯
世界速看:河南太康清集镇:扎实做好防返贫动态监测帮扶工作
20230515学习笔记——js中的同步任务与异步任务,宏任务与微任务
世界快报:序列检测器(两种设计方法和四种检测模式|verilog代码|Testbench|仿真结果)
天天热资讯!Linux文件查找命令之locate与find
从3s到25ms!看看京东的接口优化技巧,确实很优雅!! 当前速递
碳酸锂市价止跌急涨 需求兑现仍需时日 全球速递
全球焦点!伯利时代首冠切尔西女足主帅:男队表现不佳,冠军献给球迷
售价10万以内 “电动吉姆尼”宝骏悦也内饰官图:小车也有双联屏
天天快消息!肉丸、鸡架超满足:东北抚顺麻辣拌6.6元/盒清仓大促
AI孙燕姿大火!央视提醒:AI歌手翻唱或涉多项侵权行为
环球新动态:断轴!韩系豪华车捷尼赛思GV60上市两个月就召回
罕见!北方今年首轮高温来袭:山东要热成灿东了 局地39度 天天快播
java~"与运算"实现保留一个数的低8位 速看
一键斩断伸向孩子的“黑手” 36名未成年人被救助-精选
提速至140km/h!浙江最快高速公路来了:杭州到宁波仅1小时
就像买菜!男子花10万块买了8套房 最便宜一套1000元:网友感慨 天天滚动
遥遥领先苹果!余承东:华为WATCH4系列首发血糖评估 环球速看料
全国最大高铁“驾校”揭秘:16台模拟驾驶实训舱 如同开真高铁
全球热门:假把式!小区监控探头是粘上的,限期整改!
两类存款利率加点上限调整今起执行 部分中小银行迅速行动
你手机装了几款APP?人均安装31个APP 年龄越小装的越多
摊主再回应买彩票中2574万 21人合买有钱一起赚:买一股能分百万 都分到钱
没人看了?美国付费有线电视用户跌至30年最低
如何使用多米诺骨牌作为派对主题_什么生日礼物送学生朋友最合适男生 世界简讯
读SQL进阶教程笔记16_SQL优化让SQL飞起来
一万的票隔壁唱了九千八 粉丝吐槽听不清:盖过周杰伦声音 环球要闻
热点在线丨险遭退市 老牌日化企业广州浪奇突然宣布不再卖洗衣粉
多地出手严控老年代步车 全面封杀“老头乐”:网友吵翻 你支持谁?