es-fetch-api
基于原生Fetch API的轻量、可读性强的HTTP客户端库
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：es-fetch-api。 它的用途是：基于原生Fetch API的轻量、可读性强的HTTP客户端库 完整的 Skill 内容见：https://321skill.com/skills/es-fetch-api/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我在项目中集成es-fetch-api，创建一个获取用户列表的Fetcher实例。”，它会引导你安装库，并生成类似`const { getJSON } = new Fetcher(‘/api‘); const fetchUsers = () => getJSON(‘users‘);`的代码。或者
对AI说：“用es-fetch-api写一个带认证Token和JSON body的POST请求。”，它会使用`header`和`json`中间件组合出清晰可读的请求代码。
介绍
ES-Fetch-API旨在解决开发者在使用原生Fetch API时遇到的代码冗长、可读性差、功能扩展不便等问题。它通过提供Fetcher类及一系列中间件（如query、json、POST），将复杂的HTTP请求配置转化为链式、声明式的代码，极大提升了开发效率和代码的可维护性。
使用方式非常直观：首先通过new Fetcher(baseURL)创建实例，然后利用其提供的getJSON、postJSON等方法，结合中间件来构建请求。例如，发送一个带查询参数的GET请求只需getJSON(‘user’, query({ id }))，发送JSON格式的POST请求则为getJSON(‘user’, POST, json(user))。
该库非常适合现代JavaScript环境下的前端开发、后端开发、全栈开发以及智能体开发人员。他们通常在需要与后端API频繁交互、编写清晰易维护的网络请求代码、或为AI Agent集成HTTP能力时使用它。
建议在支持原生Fetch API的现代浏览器或Node.js环境中使用。虽然它内置了对AI Agent的支持，但其核心价值在于为人类开发者提供优秀的编码体验。对于需要兼容老旧浏览器或依赖axios特定高级功能（如请求取消、上传进度）的场景，需谨慎评估。
核心特点
与axios等传统库相比，ES-Fetch-API的核心区别在于其极致的轻量（约6kB源码）和基于原生Fetch API的现代化设计，避免了不必要的依赖和体积膨胀。其通过中间件链式组合的API设计，在提供强大扩展能力的同时，带来了远超原生Fetch和axios的代码可读性与声明性。
注意事项
不适合需要兼容不支持原生Fetch API的旧版浏览器或Node.js环境的项目。
常见问题
es-fetch-api和axios哪个好？
es-fetch-api更轻量、更现代、代码可读性更强，适合基于Fetch API的环境；axios功能更全、兼容性更好，适合复杂或需要兼容老环境的项目。
如何为请求添加自定义Header？
可以创建自定义中间件函数返回headers对象，或在请求时直接使用header({‘Key‘: ‘Value‘})中间件。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/es-fetch-api/raw/index.md 读取 es-fetch-api 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/es-fetch-api/raw/index.md（查看排版版本）