利用AbortController，取消正在发送的请求

周星星日记2024-04-14 21:14

参考文章：https://blog.csdn.net/qq_45560350/article/details/130588101

解决问题：再图层中点击仓库的时候，点击后又取消掉，我们希望这个请求可以被取消掉，我们口可以利用AbortController控制器对象

实操：

1.再请求前创造一个构造器

javascript 复制代码

const layerName__controller = {}

 layerName__controller[layerName] = new AbortController();
    getWFSItemByEventApi(params, {
      signal: layerName__controller[layerName].signal,
    }).then(res => {
    
    }).finally(() => {
		 layerName__controller[layerName] = null;
	})

2.我们的请求，要在请求体里面添加上这个属性

javascript 复制代码

export const getWFSItemByEventApi = (params, othrer) => {
  return http.request<ResultType>({
    url: "/cupCommonApi/cup-emergency/eventresource/getWFSItemByEvent",
    method: "post",
    data: params,
    ...othrer,
  });
};

3.取消请求

javascript 复制代码

 // 删除图层
  layerName__controller[data.layerName]?.abort();