cURL 转 fetch / axios
开发
解析 cURL 标志 (`-X`、`-H`、`-d`、`--json`、`-u`、`-A`、`-b` 等),输出整洁的 JS 请求代码。选择平台原生 `fetch` 或 npm 库 `axios`。支持多行续行和引号处理 — 浏览器的 "Copy as cURL" 结果可直接粘贴。
—
目标:
JS 代码
const response = await fetch("https://api.example.com/v1/users", {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": "Bearer abc123",
},
body: "{\"name\":\"Alice\",\"role\":\"admin\"}",
});
const data = await response.json();使用方法
- 把 cURL 命令粘贴到输入框。
- 根据目标选择 `fetch` 或 `axios`。
- 把生成的代码复制到你的文件。
常见问题
- 去哪里复制 cURL 命令?
- Chrome / Firefox / Safari DevTools → Network 标签 → 右键任意请求 → Copy → Copy as cURL。Postman 和 Insomnia 也有类似导出。
- 支持 `--json` 吗?
- 支持。`--json` 简写设置请求体,并在你没有设置时自动加上 `Content-Type: application/json` 和 `Accept: application/json` 头。
- `-L`、`-s`、`-v` 呢?
- 不改变请求载荷的标志被忽略 — `fetch` 和 `axios` 默认就跟随重定向,详细输出是 CLI 专属概念。
- 为什么 axios 输出把请求体放在 `data:`?
- axios 用 `data` 字段表示请求体。如果请求体能解析为合法 JSON,转换器会输出为 JS 对象字面量;否则回退为字符串。