Elysia Tools

在一个清晰的工作台里浏览工具、案例、可视化和主题指南。

热门分类

专题

语言
ZHESPTRUFRDEEN

Elysia Tools

导航

Development

cURL 转 JavaScript (fetch)

· 最后更新:2026-06-18

将 cURL 命令转换为 JavaScript fetch() 代码片段,包含请求头、请求体和方法

执行

运行这个工具

填写表单、运行工具,并在同一页面查看结果。

案例

与这个工具匹配的案例

相关内容

继续查看相关工具与专题

由 Elysia Tools 团队编写
API35
HTTP17
代码生成器9

工具使用指南

详细了解工具的适用范围、支持能力及用户案例。

关键事实

分类
Development
输入类型
textarea, checkbox
输出类型
text
案例覆盖
4
API 可用
是

概览

本工具可以将 cURL 命令行请求快速转换为标准的 JavaScript fetch() 代码片段。它支持自动解析 HTTP 方法、请求头(Headers)和请求体(Body),并提供格式化请求体和添加注释的选项,帮助前端开发者快速在浏览器或 Node.js 环境中复现 API 请求。

适用场景

  • 需要将从浏览器开发者工具(Network 面板)复制的 cURL 命令转换为前端 JavaScript 代码时。
  • 在编写前端 API 调用函数,需要快速构建包含复杂请求头和 JSON 请求体的 fetch 请求时。
  • 在 Node.js 或浏览器控制台中快速调试第三方 API,需要将现有的 cURL 文档示例转化为 JS 代码时。

使用方式

  1. 1在输入框中粘贴您要转换的 cURL 命令行代码。
  2. 2根据需要勾选“格式化请求体”以美化 JSON 数据,或勾选“包含注释”以生成代码说明。
  3. 3工具将实时解析 cURL 参数(如 -X、-H、-d 等),并自动生成对应的 JavaScript fetch() 代码。

常见用途

  • 快速将 API 文档中的 cURL 示例转换为前端项目的 fetch 请求代码。
  • 在 Chrome 开发者工具中右键复制请求为 cURL,然后一键转为 JS 脚本进行自动化测试。
  • 辅助新手开发者学习如何使用 JavaScript fetch API 构建带有 Headers 和 Body 的 HTTP 请求。

示例

1. 转换带 JSON 请求体的 POST 请求

前端开发工程师

背景

正在对接一个用户注册接口,API 文档只提供了 cURL 格式的示例。

问题

手动将 cURL 中的 Headers 和 JSON Body 拼写成 fetch 代码容易出错且效率低下。

如何使用

将 cURL 命令粘贴到输入框中,保持“格式化请求体”和“包含注释”勾选,即可在输出区域获取转换后的代码。

curl -X POST https://api.example.com/users -H "Content-Type: application/json" -d '{"name":"Alice","role":"admin"}'

结果

获得结构清晰的 fetch 代码,其中 body 部分已自动使用 JSON.stringify 包装并进行了格式化排版。

2. 转换带 Authorization 标头的 GET 请求

全栈开发者

背景

需要在前端页面中调用一个受保护的 API,该 API 需要在请求头中携带 Bearer Token。

问题

需要快速生成包含特定 Authorization 标头的 fetch 请求模板。

如何使用

在输入框中输入包含 -H "Authorization: Bearer token123" 的 cURL 命令,直接复制生成的 JavaScript 代码。

curl https://api.example.com/data -H "Authorization: Bearer token123"

结果

成功生成包含 headers: { "Authorization": "Bearer token123" } 的 fetch 代码,可直接粘贴至项目中使用。

常见问题

这个工具支持哪些 cURL 参数?

支持常见的参数,如 -X(方法)、-H(请求头)、-d/--data/--data-raw(请求体)以及请求的 URL。

转换后的代码可以在 Node.js 中运行吗?

可以,现代 Node.js(v18+)原生支持 fetch,或者您可以在旧版本中使用 node-fetch 库。

复杂的 JSON 请求体会如何处理?

工具会自动解析 JSON 字符串,并将其放入 body: JSON.stringify(...) 中,若开启格式化则会美化输出。

转换是在服务器端进行的吗?

不是,所有转换逻辑均在您的浏览器本地运行,不会上传您的敏感 API 密钥或请求数据。

支持文件上传(如 -F 或 --form)的转换吗?

本工具主要针对标准的 JSON、文本和 URL 编码请求进行转换,暂不支持复杂的 multipart/form-data 文件上传转换。

专题

cURL 请求转换与 HTTP 测试工作流

将 cURL 请求转换为代码片段或 HAR,安全测试请求,并结合响应上下文解释 HTTP 状态码,同时保留请求头、请求体和认证注意事项。

专题

API 请求格式检查、重放准备与调试工具

检查请求结构,准备本地重放,对比响应并定位 API 调试线索。工具只做本地分析或生成,不能代替真实鉴权和服务端测试。

首页
工具3201
案例593
可视化465
文件查看器103
专题233
标签333
图像、音频与视频657

图像、音频、视频处理、转换与优化工具

数学、日期与金融644

计算器、数值计算、日期逻辑、统计与金融工具

设计与颜色297

颜色、版式、图形、视觉样式与设计辅助工具

文本与写作209

写作、清洗、格式化、提取与文本分析工具

开发与 Web193

开发者工具、网络处理、Web 调试与自动化辅助工具

转换与编码175

格式、文件、压缩包、单位与编码转换工具

FLAC/WAV 无损音源疑点筛查与证据交付
自托管抽奖组件配置复核、嵌入测试与上线交付
Stripe 优惠码候选批次审核与本地导入预检
批量照片技术初筛、近重复复核与修图候选交付
界面截图结构化、人工校对与开发交付

© 2026 Elysia Tools. 保留所有权利。

文档价格关于我们服务条款隐私政策Cookie 政策联系我们
开发者工具

Rome JavaScript 工具链示例

Rome JavaScript 工具链示例,包括配置、代码检查、格式化、打包和项目管理

Python

Web Python 图像处理示例

Web Python 图像处理示例,使用 PIL/Pillow 包括读取、保存、缩放和格式转换

机器学习

Hugging Face JavaScript 示例

Hugging Face JavaScript/TypeScript 示例,使用 Transformers.js 在浏览器和 Node.js 中运行 NLP、计算机视觉和多模态任务

编程语言

JavaScript 示例

JavaScript代码示例和Hello World演示

Development

cURL 转 Go (net/http)

将 cURL 命令转换为 Go net/http 代码片段,包含 http.NewRequest、请求头和请求体

Development

cURL 转 JavaScript (axios)

将 cURL 命令转换为 JavaScript axios 代码片段,使用配置对象、请求头和数据

Development

cURL 转 PHP (cURL)

将 cURL 命令转换为 PHP cURL 代码片段,包含 curl_setopt、请求头和 POST 字段

Development

cURL 转 Python (requests)

将 cURL 命令转换为 Python requests 代码片段,包含请求头、数据和请求方法