1.0.2 • Published 12 months ago

fetch-swr v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
12 months ago

中文 | English

Fetch Swr

一个轻量级的npm包,它简化了从API获取数据的过程,同时提供了使用LocalForage在本地缓存结果的选项。

安装

要安装这个插件,只需在您的项目目录中运行以下命令:

npm install fetch-swr --save

使用方法

该插件提供了一种灵活的方式来获取和缓存数据。以下是如何使用它的方法:

import defineFetch from 'fetch-swr';

const fetchWithCache = defineFetch({
  cache_time: 120, // 缓存持续时间,单位为秒
  fetchAfterCache: true, // 在用户获取数据后,提供缓存数据并开始新的数据获取来更新数据
  fetchAfterCacheDelay: 10, // 提供缓存后,再次获取数据之前的延迟时间,单位为秒
});

fetchWithCache(
  { url: 'https://api.example.com/data'  },
  (data) => {
    console.log('获取到更新后的数据:', data);
    // 您可以在这里更新页面数据
  },
  false // 设置为true以绕过缓存
).then(data => {
  // 处理数据
}).catch(err => {
  // 处理任何错误
});

参数

  • cache_time: 缓存数据的持续时间,单位为秒。默认是60
  • fetchAfterCache: 一个布尔值,表示是否在提供缓存后再次获取数据。默认是false
  • fetchAfterCacheDelay: 在提供缓存后,再次获取数据之前的延迟时间,单位为秒。默认是0

fetchWithCache 函数

fetchWithCache 函数接受三个参数:

  1. params: 包含url的对象,用于获取数据。
  2. callback: 一个函数,将使用获取到的数据调用。
  3. noCache: 一个布尔值,表示是否绕过缓存。默认是false

贡献

欢迎贡献!请提交拉取请求或创建问题,以报告任何错误或建议。

许可

本项目采用MIT许可

1.0.2

12 months ago

1.0.1

12 months ago

1.0.0

12 months ago