首页 > 其他分享 >在ts时使用axios请求类型定义增加属性

在ts时使用axios请求类型定义增加属性

时间:2023-10-10 18:25:14浏览次数:32  
标签:axios 请求 ts 类型定义 isLoading 增加

1.需求

  在后台请求中有一些请求数据量比较大无法一下返回,需要增加loading动画,为了方便控制想在请求的时候增加一个参数isLoading,默认关闭,传真值时开启动画。这便需要拓展axios中增加个性化参数配置。但是如何进行类型的定义呢?

2.操作

 如上,在做左边增加了isLoading参数,代码分析后,我们知道要在AxiosResponse中增加属性

 好,增加属性及其类型定义,解决。

3.优化

一阵子后发现新问题,该类型定义文件是在依赖node_modules文件中,也就是每次重新拉代码运行都得找到这个文件去加这个东西,有没有新的方式可以加一次就可以呢?

在全局类型定义中重新定义 AxiosRequestConfig 即可

export { }
declare module 'axios' {
    export interface AxiosRequestConfig {
      /**
       * @description 设置为true,则会在请求过程中显示isLoading动画,直到请求结束才消失
       */
      isLoading?: boolean;
    }
  }

  由于ts自带声明合并,因此我们使用的时候,AxiosRequestConfig 已经是axios的类型定义和重新类型定义的合二为一了。去掉原先的依赖文件的类型定义

 

标签:axios,请求,ts,类型定义,isLoading,增加
From: https://www.cnblogs.com/foxing/p/17755386.html

相关文章

  • ADYCGP-Numerical Reports
     ......
  • Java 中 extends 与implements 的区别 ?
    一、介绍extends与implements的概念1、类与类之间的继承使用extends:子类extends父类的属性和方法,并且进行扩展或者重写。//父类classAnimal{publicvoideat(){System.out.println("Animaliseating");}publicvoidnoeat(){......
  • System.NotSupportedException:“无法显式设置 SplitterPanel 的高度。改在 SplitCont
    System.NotSupportedException:“无法显式设置SplitterPanel的高度。改在SplitContainer上设置SplitterDistance。”这个错误信息是在使用SplitContainer控件时出现的。它表明您尝试显式设置SplitterPanel的高度,但这是不支持的操作,应该在SplitContainer上设置Splitte......
  • 浅述安防视频可视化场景中TSINGSEE青犀AI智能化应用的分析
    随着社会的不断发展和安防需求的不断提升,安防视频可视化场景已经成为人们关注的焦点。而随着人工智能、大数据等技术的不断发展,智能化应用在安防视频可视化场景中的应用也越来越多。本文将分析安防视频可视化场景中的智能化应用,主要包括以下方面:背景介绍、智能化应用分析、关键技术......
  • C++ libwebsockets搭建WebSocket服务端及Http客户端、服务端
    https://blog.csdn.net/fantasysolo/article/details/88908948  概念WebRTCWebRTC,名称源自网页即时通信(英语:WebReal-TimeCommunication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联......
  • echarts柱状图之渐变色
    修改Echarts的动态排序柱状图(https://echarts.apache.org/examples/zh/editor.html?c=bar-race)   修改后   一、修改其柱状图的大小(barWidth)①进入其Echarts的官网https://echarts.apache.org/zh/index.html②在文档的配置项手册中,可搜索到你需要的配置......
  • python实现同时给多个变量赋值的方法 Simultaneous Assignments
    SimultaneousAssignmentsx,y=y,x这个赋值的执行流程是什么?python的多元赋值原理是tuple的元组封装(tuplepacking)和序列拆封(sequenceunpacking)。t=12345,54321,'hello!'这是元组封装(tuplepacking)的例子,将多个值放进tuple里。x,y,z=t元组封装(tuplepacking)的......
  • 小程序订阅消息(服务通知)实现 wx.requestSubscribeMessage
     第一步:根据官方文来,先在微信公众平台登录小程序后台配置模板,获取模板id:,这块的模版可以在公共模版库里选。也可以新申请,但是需要3-7天才能出审核结果。  第二步,获取下发权限在获取下发权限之前,需要先获取小程序code和订阅消息的模板id给服务端,以便后台人员进行服务端配......
  • [900] Print an empty line of CMD batch scripts
    Usetheecho.commandtoprintanemptyline.@echooffechoThisisalineoftextecho.echoThisisanewlineoftextThiswillproducetheoutput:ThisisalineoftextThisisanewlineoftextUsingecho.isacommonmethodforprintingnewline......
  • [901] Reuse variables of CMD batch scripts
    Inabatchfile,youcanreuseavariabletogeneratedifferentfilepathsbyconcatenatingthevariablewithotherstringsorvariables.Here'sanexampleofhowtodothis:@echooffset"base_path=C:\Example"REMGeneratefilepathsus......