取消重复请求

万能模板。

import axios from 'axios'
const  baseURL = "http://xxxx";
const instance = axios.create({ baseURL: baseURL, timeout: 30000 });
// 定义存放已发送但未响应的请求
const requestMap = new Map();
// 获取请求的唯一标识
const getRequestIdentify = (config, isReuest = false) => {// 由于不同项目的实现方式略有不同，url、params和data的格式可能略有不同，使用该方法时要根据实际情况进行调试修改let url = config.urlif (isReuest) {url = url.startsWith('/') ? baseURL + url : baseURL + '/' + url;}return config.method === 'get' ? encodeURI(url + JSON.stringify(config.params)) : encodeURI(url + (typeof config.data === 'string' ? config.data : JSON.stringify(config.data)))
}
// HTTPrequest拦截
instance.interceptors.request.use(config => {const requestData = getRequestIdentify(config, true);if (requestMap.has(requestData)) {// map中存在该请求，不再重复发起return Promise.reject(new Error('重复请求'))} else if (!config.canReapeat) {// 通过在请求中设置 canReapeat 参数，允许特殊接口的重复提交// 若map中没有该请求，则将请求存入map，并发起请求requestMap.set(requestData, true)}//...return config
}, error => {return Promise.reject(error)
})// HTTPresponse拦截
instance.interceptors.response.use(res => {const requestData = getRequestIdentify(res.config);// 请求获得响应后，将该请求从map中移除，以使后面的请求正常发送。if (requestMap.has(requestData)) {requestMap.delete(requestData)}let data = res.data;if(data.code==666){return data;}
}, (error) => {return Promise.reject(new Error(error))
})

axios拦截器拦截重复请求相关推荐

php 请求拦截,解决拦截器对ajax请求的拦截实例详解
解决拦截器对ajax请求的的拦截拦截器配置:public boolean preHandle(HttpServletRequest request, HttpServletResponse resp ...
java 判断请求为 ajax请求_Java过滤器处理Ajax请求，Java拦截器处理Ajax请求，java 判断请求是不是ajax请求...
Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求 java 判断请求是不是ajax请求,Java判断是否为ajax请求 >>>>>> ...
axios config里自定义属性，使用拦截器拦截，无法拿到自定义属性问题
axios config里自定义属性,使用拦截器拦截,无法拿到自定义属性问题最新版本axios限制了键,对键值做了白名单处理. 解决思路: 修改源码中的内容,添加一个键来报错额外属性. 或者:使用老 ...
Java过滤器处理Ajax请求，Java拦截器处理Ajax请求，java 判断请求是不是ajax请求
Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,java 判断请求是不是ajax请求 Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求 java 判断 ...
修改拦截器里的请求头_OkHttp4 源码分析（1）请求流程分析
square/okhttpgithub.com 本文基于OkHttp4.7.1分析同步请求示例代码 OkHttpClient client = new OkHttpClient.Builder() ...
在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案
在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案参考文章: (1)在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案 (2)https: ...
【项目经验】拦截器拦截入参出参
文章目录拦截器拦截入参出参入参出参拦截器拦截入参出参入参 @Overridepublic boolean preHandle(HttpServletRequest request, Http ...
spring拦截器拦截和排除接口冲突
以下为springboot案例: 场景: 某个规则下的绝大部分接口路径不需要经过拦截器, 但其中的某几个接口又需要经过拦截器. 例如: "/api/register/**" 模式 ...
axios 最全请求拦截器响应拦截器配置公共请求头超时时间以及get delete post put 四种请求传参方式
axios 拦截器请求拦截器请求拦截器的作用是在请求发送前进行一些操作例如在每个请求体里加上token,统一做了处理如果以后要改也非常容易响应拦截器响应拦截器的作用是在接收到响应后进行一些操 ...

axios拦截器拦截重复请求

取消重复请求

axios拦截器拦截重复请求相关推荐

最新文章

热门文章