写了一个 Vue 3 的请求库

[John60676]

稍微推广一下自己的开源项目。
一个能帮你管理请求状态的 Vue 3 请求库： https://github.com/AttoJS/vue-request

之前无意中看到了 ahooks 里面的一个 useRequest，觉得里面的功能整合得挺不错的。找了一下也没有发现 Vue 3 有类似的库，于是就打算搞一个玩玩，顺便踩踩 Vue 3 的坑。

目前阶段就差文档还没完善好，只把基础的功能展示出来了，后面有空闲时间（摸鱼）再补充完吧。

测试啥的都配套好了，感兴趣的同学可以尝试一下。遇到问题的可以提个 Issue 大家讨论一下 :)

看来标题写错了，我们不是请求库[捂脸]，是管理请求状态的库

例如一些 loading 状态 、错误处理 、请求的节流 /防抖、轮询等。这些东西都内置在里面了

再附上文档地址： https://attojs.github.io/vue-request-docs/zh/

添加了 gitee 源的文档： https://attojs.gitee.io/vue-request-docs/

文档已经全部完善了。也添加了两个扩展库：usePagination(分页) 和 useLoadMore(加载更多)

最新文档地址： https://www.attojs.org
国内源： https://www.attojs.com

[xiadd]

哈哈，支持一下，包名就是从我这转过去的

[John60676]

@xiadd 哈哈哈，多谢大佬提供的包名

[tomoya92]

浏览器自带的 fetch 就很香。

[shroxd]

🐎一下晚上看看

[John60676]

@tomoya92 不一样哦，是 Fetch 请求，我们这个库是负责管理请求的状态，例如一些 loading 之类的。我们内置的请求库也是用的 Fetch，真的香

[loading]

vue3 不推荐用 axios 了吗？

[John60676]

@John60676 勘误 ：“是 Fetch 请求” => “ Fetch 是请求的实现”

[tomoya92]

@John60676 #5 哦哦，赞一个。

不过 fetch 返回的对象我记得是 Promise，Promise 自身也是带状态的呀，也没必要再封装一层去管理吧

[John60676]

@tomoya92 具体可以看看文档，其实我们跟请求库没啥直接关系的 [捂脸] ，标题写错了

[John60676]

@loading 其实我们跟请求库没啥直接关系的 [捂脸] ，标题写错了

[loading]

就差文档没写(以后也不会写吧

[John60676]

@loading 放心，会的。文档完成了 50% 左右了。指南剩下在线 demo 待补充 和 API 章节而已 （一方面也在等 vuepress-next ）。而且目前库只是完成了基本功能，我们还有一些想法没加进去，苦逼打工人，年底太多活干了。争取春节期间完善好

[agdhole]

swr 有 vue 版本，就叫 swrv

[John60676]

@agdhole 这个我们调研时看过了，我们的方向跟他的不一样 [doge]

[agdhole]

@John60676 有什么区别或者特色呢？

[John60676]

@agdhole 他们主要还是围绕着数据的状态来做管理的，比如验证数据是否过期决定是否要重新请求。我们关注点是接口的管理，内置了一些日常用得比较多的操作，比如接口的防抖 /节流，loading 状态的管理，还有并行请求等，目的还是减少一些重复的业务代码

[oldshensheep]

看了一下,感觉不错.
不用自己重新造轮子了,希望文档能够完善.

[John60676]

@oldshensheep 提上日程，最近争取搞完整[捂脸]

[dewfall]

借楼推一个写文档的工具，对展示 demo 这些有封装，楼主可以尝试下
https://github.com/dewfall123/vitepress-for-component

然后支持 vue2，可以用大佬的库 vue-demi，简单修改下就支持 vue2，很好用
https://github.com/antfu/vue-demi

[jones2000]

批量请求一组 api 数据， 等所有的都到达了再 return 支持吗？

[Chlorite]

看着很不错，支持以下

[John60676]

@jones2000 什么场景下需要这样用，能说具体一点吗。要不来个 issue 我们讨论一下

[John60676]

@dewfall Vue 2 的兼容性支持我们有计划的

[jones2000]

@John60676 前端业务需要请求调用多个不同的第 3 方数据，以后进行统计显示出来。 最后的办法是后台来做。但是后台人手不足，另外就时后台调用多了 可能被封 ip， 所以直接让客户端处理。

[John60676]

@jones2000 这个貌似是上层的问题了，我们的库支持传入 Promise， 你的多个请求可以用 Promise.all / Promise.allSettled / Promise. race （这三个视需求选择）聚合一下

[wunonglin]

@jones2000 #20 rxjs 的 forkJoin 可以实现

[loveToMy1]

前人栽树，后人吃水不忘挖井人，给力奥楼主

[suzic]

我之前也根据 flyio 封装了一个，你这个比较通用一点

[tikazyq]

axios 轮子不够用？

[John60676]

@tikazyq 跟 axios 可不一样哦，我们这个库是负责管理请求的状态

[kim886]

支持一下

[anguiao]

最近确实在找这样的库，经常写一些重复性的代码来处理请求状态，有这样的库应该会好很多。

[John60676]

@anguiao 哈哈哈，这个确实是个痛点。有需要的可以用一下，文档最近在完善了

[TmacV2]

支持一下

[anguiao]

没想到之前回复过这个帖子，这次是真的用上了🤣
刚上手，目前感觉还不错。