Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
嘉然大魔玉
vue-vben-admin
提交
b14a15e6
V
vue-vben-admin
项目概览
嘉然大魔玉
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
b14a15e6
编写于
4月 06, 2023
作者:
K
Kirk Lin
提交者:
GitHub
4月 06, 2023
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refactor: axios Canceler use AbortController (#2676)
上级
ae5f5cb1
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
33 addition
and
33 deletion
+33
-33
src/utils/http/axios/axiosCancel.ts
src/utils/http/axios/axiosCancel.ts
+33
-33
未找到文件。
src/utils/http/axios/axiosCancel.ts
浏览文件 @
b14a15e6
import
type
{
AxiosRequestConfig
,
Canceler
}
from
'
axios
'
;
import
type
{
AxiosRequestConfig
}
from
'
axios
'
;
import
axios
from
'
axios
'
;
import
{
isFunction
}
from
'
/@/utils/is
'
;
//
Used to store the identification and cancellation function of each request
//
用于存储每个请求的标识和取消函数
let
pendingMap
=
new
Map
<
string
,
Cance
ler
>
();
const
pendingMap
=
new
Map
<
string
,
AbortControl
ler
>
();
export
const
getPendingUrl
=
(
config
:
AxiosRequestConfig
)
=>
[
config
.
method
,
config
.
url
].
join
(
'
&
'
);
const
getPendingUrl
=
(
config
:
AxiosRequestConfig
):
string
=>
{
return
[
config
.
method
,
config
.
url
].
join
(
'
&
'
);
};
export
class
AxiosCanceler
{
export
class
AxiosCanceler
{
/**
/**
*
Add request
*
添加请求
* @param
{Object} config
* @param
config 请求配置
*/
*/
addPending
(
config
:
AxiosRequestConfig
)
{
public
addPending
(
config
:
AxiosRequestConfig
):
void
{
this
.
removePending
(
config
);
this
.
removePending
(
config
);
const
url
=
getPendingUrl
(
config
);
const
url
=
getPendingUrl
(
config
);
config
.
cancelToken
=
const
controller
=
new
AbortController
();
config
.
cancelToken
||
config
.
signal
=
config
.
signal
||
controller
.
signal
;
new
axios
.
CancelToken
((
cancel
)
=>
{
if
(
!
pendingMap
.
has
(
url
))
{
if
(
!
pendingMap
.
has
(
url
))
{
// 如果当前请求不在等待中,将其添加到等待中
// If there is no current request in pending, add it
pendingMap
.
set
(
url
,
controller
);
pendingMap
.
set
(
url
,
cancel
);
}
}
});
}
}
/**
/**
*
@description: Clear all pending
*
清除所有等待中的请求
*/
*/
removeAllPending
()
{
public
removeAllPending
():
void
{
pendingMap
.
forEach
((
cancel
)
=>
{
pendingMap
.
forEach
((
abortController
)
=>
{
cancel
&&
isFunction
(
cancel
)
&&
cancel
();
if
(
abortController
)
{
abortController
.
abort
();
}
});
});
pendingMap
.
clear
();
this
.
reset
();
}
}
/**
/**
*
Removal request
*
移除请求
* @param
{Object} config
* @param
config 请求配置
*/
*/
removePending
(
config
:
AxiosRequestConfig
)
{
public
removePending
(
config
:
AxiosRequestConfig
):
void
{
const
url
=
getPendingUrl
(
config
);
const
url
=
getPendingUrl
(
config
);
if
(
pendingMap
.
has
(
url
))
{
if
(
pendingMap
.
has
(
url
))
{
// If there is a current request identifier in pending,
// 如果当前请求在等待中,取消它并将其从等待中移除
// the current request needs to be cancelled and removed
const
abortController
=
pendingMap
.
get
(
url
);
const
cancel
=
pendingMap
.
get
(
url
);
if
(
abortController
)
{
cancel
&&
cancel
(
url
);
abortController
.
abort
(
url
);
}
pendingMap
.
delete
(
url
);
pendingMap
.
delete
(
url
);
}
}
}
}
/**
/**
*
@description: reset
*
重置
*/
*/
reset
():
void
{
public
reset
():
void
{
pendingMap
=
new
Map
<
string
,
Canceler
>
();
pendingMap
.
clear
();
}
}
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录