用途

HTTP / REST API 在线调试工具，浏览器内发起 GET / POST / PUT / PATCH / DELETE / HEAD / OPTIONS 请求，配置 Headers / Query / Body（JSON / Form / Raw）/ Authentication（Basic / Bearer / API Key）。响应区显示状态码、响应头、Body（JSON 自动格式化、HTML 渲染、图片预览）、耗时。支持环境变量、保存请求历史、生成 curl / fetch / axios / Postman 代码片段。所有请求在浏览器发起，无第三方代理。常用于 REST API 调试、接口联调、教程演示、API 文档示例。

操作步骤

1. 选方法：GET（默认）/ POST / PUT / PATCH / DELETE / HEAD / OPTIONS
2. 输入 URL（支持环境变量 {{ baseUrl }}）
3. Query 标签页：填查询参数（自动 URL 编码）
4. Headers 标签页：填请求头（常用 Content-Type / Authorization 一键插入）
5. Body 标签页：选类型（JSON / Form Data / URL Encoded / Raw / Binary）填内容
6. Auth 标签页：Basic / Bearer / API Key 三种主流授权方式
7. 点 Send 发起请求，右侧实时显示响应
8. 生成代码片段：一键复制 curl / fetch / axios / Postman 格式

常见问题

浏览器跨域（CORS）报错怎么解决？

CORS 是浏览器安全机制：你在 A 域用 JS 请求 B 域 API，**B 域必须返回 Access-Control-Allow-Origin 头**允许。**调试时**: 1) 用浏览器扩展（CORS Unblock）临时绕过；2) 用 Postman / 桌面工具不受 CORS 限制；3) 让后端加 CORS 头；4) 走代理（dev server proxy / nginx 转发）。**本工具是浏览器内请求，受 CORS 限制**。

Bearer Token 怎么填？

Auth 标签选 "Bearer Token"，把 JWT 或 access_token 粘进去（不带 "Bearer " 前缀，工具自动加）。**对应 HTTP 头**: `Authorization: Bearer eyJhbGc...`. **拿不到 token**: 先用本工具的"登录请求"或调 OAuth /token 端点拿到 access_token，然后用它请求受保护接口。

POST 表单（form-data）和 JSON Body 有什么区别？

**Form Data**: `Content-Type: application/x-www-form-urlencoded` 或 `multipart/form-data`，参数像 query string 一样 a=1&b=2，**HTML 表单提交默认这个**。**JSON Body**: `Content-Type: application/json`，body 是 JSON 字符串，**现代 REST API 默认 JSON**。**文件上传**: 必须 multipart/form-data（不能用 JSON）。本工具按选择的 Body 类型自动设 Content-Type。

怎么测试需要登录的接口？

**Cookie 方式**: 先在浏览器登录目标网站，本工具发请求时 Cookie 会自动带（同源时），但跨域不行。**Token 方式**: 调登录接口拿 token，复制到 Auth 标签 Bearer 字段。**Session 方式**: 同 Cookie，不能跨域。**本工具适合 Token API**，Cookie / Session 限制在同源场景。

上传文件接口怎么测？

Body 标签选 "Form Data"，添加字段（key = 字段名），值切换为"文件"类型，选本地文件。请求会自动用 multipart/form-data。**注意**: 部分接口要求文件字段名必须是 file / image / upload 等特定名，看 API 文档。

应用场景

• REST API 调试：开发新接口时手动构造请求测试
• 第三方 API 联调：调用 OpenAI / 微信 / 支付宝 API 试跑
• 生产排查：拿到错误请求复现，看响应找原因
• 教程 / 文档示例：录制 GIF 或截图展示 API 调用
• 从浏览器移植请求：DevTools Network 复制 curl，粘进工具调试

适用场景

REST API 调试、第三方 API 试跑、生产请求复现、教程示例、curl 移植。后端、前端、QA、技术支持常用。浏览器原生发起、CORS 限制、代码片段生成、环境变量是关键差异点。