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

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

使用typescript封装基础axios库

代码如下：

取消多次重复的请求版本

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

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

在路由文件index.ts中加入

使用封装的axios请求库

封装响应格式

封装接口方法

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

项目中进行使用

代码如下：

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