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内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
上一篇: Vue项目中实现带参跳转功能