欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue3+TypeScript封装axios并进行请求调用的实现

程序员文章站 2022-03-25 10:50:40
不是吧,不是吧,原来真的有人都2021年了,连typescript都没听说过吧?在项目中使用typescript虽然短期内会增加一些开发成本,但是对于其需要长期维护的项目,typescript能够减少...

不是吧,不是吧,原来真的有人都2021年了,连typescript都没听说过吧?在项目中使用typescript虽然短期内会增加一些开发成本,但是对于其需要长期维护的项目,typescript能够减少其维护成本,使用typescript增加了代码的可读性和可维护性,且拥有较为活跃的社区,当居为大前端的趋势所在,那就开始淦起来吧~

使用typescript封装基础axios库

代码如下:

取消多次重复的请求版本

在上述代码加入如下代码:

在路由跳转时撤销所有请求

在路由文件index.ts中加入

使用封装的axios请求库

封装响应格式

封装接口方法

举个栗子,进行封装user接口,代码如下~

项目中进行使用

代码如下:

到此这篇关于vue3+typescript封装axios并进行请求调用的实现的文章就介绍到这了,更多相关vue3+typescript封装axios内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!