未分類
30 12 月 2020

写了一个 Vue 3 的请求库

写了一个 Vue 3 的请求库

資深大佬 : John60676 2

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

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

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

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

大佬有話說 (31)

  • 資深大佬 : 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

    支持一下