QQuickKit

cURL 轉 Fetch

將 cURL 指令轉換為等效的 JavaScript fetch() 程式碼,支援方法、標頭、請求體,方便快速整合到前端專案。

關於此工具

QuickKit cURL 轉 Fetch 工具將 cURL 指令轉換為等效的 JavaScript fetch() 程式碼。貼上含有 -X 方法、-H 標頭與 -d 請求體的 curl 指令,即可取得可直接貼入前端或 Node.js 專案的 async fetch() 程式碼片段。

功能特色

  • HTTP 方法轉換 — 將 -X / --request 對應至 fetch 的 method 選項,若有請求體則預設改為 POST。
  • 標頭轉換 — 將所有 -H / --header 參數轉換為 headers 物件。
  • 請求體轉換 — 將 -d / --data / --data-raw / --data-binary 對應至 body 選項。
  • 引號處理 — 正確剝離指令中的單引號與雙引號,常見於從終端機複製的指令。
  • 一鍵複製 — 一鍵複製產生的 fetch() 程式碼。

常見問題

支援 --data-binary 嗎?
支援。--data-binary 與 -d 同等處理,其值會放入 body 欄位。
支援 --compressed 嗎?
--compressed 不會加入 fetch 輸出,因為瀏覽器會自動處理 gzip 解壓縮。
支援 multipart form data 嗎?
目前不支援。Multipart 需要建構 FormData,轉換較為複雜。工具目前支援純文字與 JSON 請求體。
輸出的程式碼可以在 Node.js 中使用嗎?
可以。Node.js 18+ 內建與此輸出相容的原生 fetch() API。若使用較舊的 Node.js,請加入 node-fetch 套件。

延伸閱讀