博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react ant design项目,使用umi-request实现http缓存
阅读量:4098 次
发布时间:2019-05-25

本文共 1172 字,大约阅读时间需要 3 分钟。

//'useCache'当'useCache'为true时,GET请求将在ttl毫秒内缓存。  //缓存键为“ url +参数+方法”。  useCache:false , //默认  //'ttl'缓存持续时间(毫秒),0为无穷大  ttl:60000 ,  //'maxCache'是要缓存的最大请求数,0表示无穷大。  maxCache:0 ,  // 根据http协议,GET请求用于从服务器获取数据,当服务器数据更新不频繁时,有必要缓存响应数据。  // 对于某些需要使用其他方法要求缓存数据的情况,  validateCache: (url, options) => {
return options.method.toLowerCase() === 'get' },

import {
extend} from 'umi-request';/** * 配置request请求时的默认参数 */const request = extend({
errorHandler, // 默认错误处理 // credentials: 'include', // 默认请求是否带上cookie prefix: '/rest', //前缀});/** * request拦截器, 改变url 或 options. */request.interceptors.request.use((url: string, options: any) => {
const token = localStorage.getItem('auth'); const headers = {
Accept: 'application/json', Authorization: '', }; if (token) {
headers.Authorization = token; return {
url: `${
basicUrl}${
url}`, options: {
interceptors: true, headers, useCache: true, ttl: 60000, maxCache: 0, timeout:5000, ...options, }, }; } return {
url: `${
basicUrl}${
url}`, options: {
...options, interceptors: true,}, };});

转载地址:http://rfqii.baihongyu.com/

你可能感兴趣的文章
太赞了!GitHub 标星 2.4k+,《可解释机器学习》中文版正式开放!
查看>>
程序员用 AI 修复百年前的老北京视频后,火了!
查看>>
漫话:为什么你下载小电影的时候进度总是卡在 99% 就不动了?
查看>>
我去!原来大神都是这样玩转「多线程与高并发」的...
查看>>
当你无聊时,可以玩玩 GitHub 上这个开源项目...
查看>>
B 站爆红的数学视频,竟是用这个 Python 开源项目做的!
查看>>
安利 10 个让你爽到爆的 IDEA 必备插件!
查看>>
自学编程的八大误区!克服它!
查看>>
GitHub 上的一个开源项目,可快速生成一款属于自己的手写字体!
查看>>
早知道这些免费 API,我就可以不用到处爬数据了!
查看>>
Java各种集合类的合并(数组、List、Set、Map)
查看>>
JS中各种数组遍历方式的性能对比
查看>>
Mysql复制表以及复制数据库
查看>>
进程管理(一)
查看>>
linux 内核—进程的地址空间(1)
查看>>
存储器管理(二)
查看>>
开局一张图,学一学项目管理神器Maven!
查看>>
Android中的Binder(二)
查看>>
Framework之View的工作原理(一)
查看>>
Web应用架构
查看>>