axios取消哀求

 1.使用CancelToken:

1. class RequestHttp {
2.         service: AxiosInstance;
3.         public constructor(config: AxiosRequestConfig) {
4.                 // 实例化axios
5.                 this.service = axios.create(config);
7.                 /**
8.                  * @description 请求拦截器
9.                  * 客户端发送请求 -> [请求拦截器] -> 服务器
10.                  */
11.                 this.service.interceptors.request.use(
12.                         (config: any) => {
13.                                 if (!getUrlParams("id")) {
14.                                         config["cancelToken"] = new axios.CancelToken(function (cancel) {
15.                                                 cancel("当前URL中未携带id参数，请求已被取消");
16.                                         });
17.                                 }
18.                                 return config;
19.                         },
20.                         (error: AxiosError) => {
21.                                 return Promise.reject(error);
22.                         }
23.                 );
24.         }
25. }
27. export default new RequestHttp(config);

复制代码

2.使用AbortController

1. class RequestHttp {
2.         service: AxiosInstance;
3.         public constructor(config: AxiosRequestConfig) {
4.                 // 实例化axios
5.                 this.service = axios.create(config);
7.                 /**
8.                  * @description 请求拦截器
9.                  * 客户端发送请求 -> [请求拦截器] -> 服务器
10.                  */
11.                 this.service.interceptors.request.use(
12.                         (config: any) => {
13.                                 if (!getUrlParams("id")) {
14.                                         const abortController = new AbortController();
15.                                         config.signal = abortController.signal;
16.                                         abortController.abort("当前URL中未携带id参数，请求已被取消");
17.                                 }
18.                                 return config;
19.                         },
20.                         (error: AxiosError) => {
21.                                 return Promise.reject(error);
22.                         }
23.                 );
24.         }
25. }
27. export default new RequestHttp(config);

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。