操作步骤总览
本教程将引导您完成从 cURL 命令到 Fetch 代码的完整转换流程。整个过程仅需几步简单操作,即可获得可直接用于项目的 JavaScript 代码。
步骤 1 获取 cURL 命令
首先需要获取要转换的 cURL 命令。常见来源包括:在浏览器开发者工具(F12)的 Network 面板中,右键点击任意请求选择「Copy as cURL」;从 API 文档中复制示例命令;或使用终端手动构建的测试命令。确保复制的命令完整且格式正确。
步骤 2 粘贴命令到输入框
打开本工具页面,在左侧「cURL 命令」输入框中粘贴复制的命令。支持多行格式和单行格式,解析器会自动识别命令结构。如果命令包含 Shell 变量(如 $TOKEN),建议先替换为实际值或保留变量名以便后续处理。
步骤 3 选择代码风格
根据项目需求选择代码风格:async/await 风格使用 async function 包裹,内部使用 await 等待响应,代码更直观;.then() 风格使用 Promise 链式调用,适合不支持 async/await 的旧项目或偏好函数式风格的开发者。
步骤 4 配置缩进与错误处理
在「缩进」选项中选择与项目一致的格式(2 空格、4 空格或 Tab)。在「错误处理」中决定是否包含 try/catch 块:生产环境建议开启以捕获网络异常;快速测试时可关闭以获得更简洁的代码。
步骤 5 设置 Credentials 策略
根据请求类型选择 credentials 选项:如果 cURL 中包含 Cookie 参数,选择「自动检测」或「include」以确保 Cookie 被发送;同源 API 请求使用「same-origin」;不需要凭证的公开 API 使用「omit」。正确的设置对跨域请求至关重要。
步骤 6 复制并使用代码
右侧「Fetch 代码」区域会实时显示转换结果。确认代码无误后,点击「复制」按钮将代码复制到剪贴板。将代码粘贴到项目的 JavaScript 文件中,根据需要替换变量名(如将硬编码的 Token 替换为环境变量),即可直接运行。
UD5工具箱