这是一个创建于 390 天前的主题，其中的信息可能已经有所发展或是发生改变。
突然遇到了个问题，怎么保证前端接口的请求顺序呢，之前好像没怎么关注过这个事情
要实现的功能：在封装请求类库的时候，可以手动指定某些接口是串行的，如果没有指定，就默认的就行了
一个项目中，如果某些特殊的接口需要串行，就是有的接口会依赖其他接口的返回值，比如获取 token 接口和其他接口请求的时候需要添加 token 信息
正常来说，如果遇到上面这种请求，那直接在获取 token 的接口的回调中调用对应的接口就可以了，但是，如果这些接口不是在同一个页面呢
上面这种情况就困住我了，目前想不到什么方法能实现这种情况的封装，求各位大哥指点下
 |
1
nitmali 2023-10-23 10:55:58 +08:00
rxjs 可能可以解决你的需求。
|
 |
2
paic 2023-10-23 11:08:36 +08:00
promise 封装接口，然后 async await 。试着做一套登录校验逻辑，结合路由跳转更有意思。你就掌握了。
|
 |
3
qingshui33 OP @nitmali 好的，感谢感谢，我去看看啊
|
|
4
qingshui33 OP @paic 登录的那个我只是举了个例子，我更希望的是有个参数可以来控制是否是串行 😂
|
 |
5
Pastsong 2023-10-23 11:18:47 +08:00
await fetch('a')
await fetch('b') await fetch('c') 和 await Promise.all([fetch('a'), fetch('b'), fetch('c')]) 的区别呗 |
 |
7
lisxour 2023-10-23 11:36:06 +08:00
@qingshui33 #4 你可以用别的库或者自己封装来完成你想要的，Promise/A+并没有你想象中的一个参数控制串行并行。
|
 |
8
cxe2v 2023-10-23 12:42:17 +08:00
写一个任务队列函数，把请求丢给任务队列来执行就是串行了
|
 |
9
LOG1SK 2023-10-23 12:57:21 +08:00 via Android
写个任务调度器就好了
|
|
10
qingshui33 OP |
 |
11
liuhuihao 2023-10-23 13:54:09 +08:00
Promise.all 就是并行的 await 就是串行的。
至于你说的 token 的例子，vue 里来的话，获取 token 的接口会放到 router 的导航守卫 beforeEach 中，确保进入任何一个页面的时候都先获取 token 然后再跳转，进入页面后的接口自然就都带有 token 了。你说的 不同页面 中的 串行方法 也是借助 导航守卫在跳转页面前完成前置接口即可 |
|
12
qingshui33 OP @liuhuihao token 只是举了一个例子，不过你说的这个方法确实不错👍，感谢感谢
|
 |
13
zhx643 353 天前
alova.js
|
 |
14
ahaKai 344 天前
自己封装一个任务队列进行控制
|
Select Language