axios解决多次请求的问题

import axios from 'axios'

const api = axios.create({

baseURL: 'https://api.example.com',

timeout: 5000

})

// 缓存请求信息

let cache = {}

// 请求拦截器

api.interceptors.request.use(config => {

// 获取请求的url和请求⽅法

// api1

const { url, method } = config

// 判断是否存在该请求

if (cache[url] && cache[url].method === method) {

const now = Date.now()

const diff = now - cache[url].time

// 如果请求时间间隔⼩于1000毫秒，则认为是重复请求

if (diff < 1000) {

return Promise.reject('重复请求')

}

// 缓存请求信息

cache[url] = { method, time: Date.now() }

return config

}, error => {

return Promise.reject(error)

})

// 响应拦截器

api.interceptors.response.use(response => {

return response

}, error => {

return Promise.reject(error)

})

axios解决多次请求的问题相关推荐

【跨域问题】Vue简单封装axios—解决post请求后端接收不到参数问题
原因分析: 1. 传参数据没有序列化? 解决办法: [推荐] [推荐阅读] vue+axios+qs序列化 "三步解析"[含demo实例]- 代码篇 2. 服务端接受数据格式参数配 ...
vue 使用axios 出现跨域请求的两种解决方法
vue 使用axios 出现跨域请求的两种解决方法参考文章: (1)vue 使用axios 出现跨域请求的两种解决方法 (2)https://www.cnblogs.com/wangshengli5 ...
技术实践丨如何解决异步接口请求快慢不均导致的数据错误问题？
本文分享自华为云社区<如何解决异步接口请求快慢不均导致的数据错误问题?>,原文作者:Kagol . 引言搜索功能,我想很多业务都会涉及,这个功能的特点是: 用户可以在输入框中输入一个关键 ...
axios重新调用失败的ajax_Vue之axios实现ajax数据请求
Vue通过axios实现数据请求 vue.js默认没有提供ajax功能的.所以使用vue的时候,一般都会使用axios的插件来实现ajax与后端服务器的数据交互. # 下载地址: https://un ...
php 设置跨域axios,vue2.0中proxyTable用axios进行跨域请求的设置方法
vue2.0设置proxyTable使用axios进行跨域请求的方法这里请求的是知乎日报的api,由@izzyleung这位大神提供的,这是github地址. 在vue-cli构建的项目中先安装ax ...
Axios解决跨域问题
什么是跨域首先需要了解到浏览器的同源策略,同源策略是最核心也是最基本的安全功能,缺少同源策略浏览器的正常功能可能会受到影响.同源策略会阻止一个域的javascript脚本和另外一个域的能容进行交互. ...
php 返回字符串给aja,解决ajax异步请求返回的是字符串问题
1.返回结果差异 js获取后打印res.code无结果.因为返回数据格式不正确. php文件添加header头: header('Content-Type:application/json;'); 或 ...
利用axios解决跨域的问题
利用axios解决跨域的问题参考文章: (1)利用axios解决跨域的问题 (2)https://www.cnblogs.com/Irelia/p/9972990.html 备忘一下.
每天一点点之vue框架开发 - axios解决跨越问题
每天一点点之vue框架开发 - axios解决跨越问题参考文章: (1)每天一点点之vue框架开发 - axios解决跨越问题 (2)https://www.cnblogs.com/cap-rq/p ...

axios解决多次请求的问题

axios解决多次请求的问题相关推荐

最新文章

热门文章