Sec-Fetch-Dest
Sec-Fetch-Dest 獲取元資料請求頭 指示請求的 *目標*。即原始獲取請求的啟動器，以及獲取的資料將使用的位置（以及方式）。
這使伺服器能夠根據其*預期*的使用方式來確定是否提供服務請求。例如，具有audio 目標的請求應請求音訊資料，而不是其他型別的資源（例如，包含敏感使用者資訊的文件）。
| 頭型別 | 獲取元資料請求頭 |
|---|---|
| 禁止的頭名 | 是（字首Sec-） |
| CORS 安全列表請求頭 | 否 |
語法
Sec-Fetch-Dest: audio
Sec-Fetch-Dest: audioworklet
Sec-Fetch-Dest: document
Sec-Fetch-Dest: embed
Sec-Fetch-Dest: empty
Sec-Fetch-Dest: fencedframe
Sec-Fetch-Dest: font
Sec-Fetch-Dest: frame
Sec-Fetch-Dest: iframe
Sec-Fetch-Dest: image
Sec-Fetch-Dest: manifest
Sec-Fetch-Dest: object
Sec-Fetch-Dest: paintworklet
Sec-Fetch-Dest: report
Sec-Fetch-Dest: script
Sec-Fetch-Dest: serviceworker
Sec-Fetch-Dest: sharedworker
Sec-Fetch-Dest: style
Sec-Fetch-Dest: track
Sec-Fetch-Dest: video
Sec-Fetch-Dest: webidentity
Sec-Fetch-Dest: worker
Sec-Fetch-Dest: xslt
如果此頭包含任何其他值，伺服器應忽略它。
指令
注意： 這些指令對應於 Request.destination 返回的值。
audio-
目標是音訊資料。這可能源自 HTML
<audio>標籤。 audioworklet-
目標是用於音訊 worklet 的資料。這可能源自對
audioWorklet.addModule()的呼叫。 document-
目標是文件（HTML 或 XML），並且該請求是使用者發起的頂級導航的結果（例如，由使用者點選連結引起）。
embed-
目標是嵌入內容。這可能源自 HTML
<embed>標籤。 empty-
目標是空字串。這用於沒有自身值的目的地。例如：
fetch()，navigator.sendBeacon()，EventSource，XMLHttpRequest，WebSocket等。 fencedframeExperimental-
目標是 圍欄框架。
font-
目標是字型。這可能源自 CSS
@font-face。 frame-
目標是框架。這可能源自 HTML
<frame>標籤。 iframe-
目標是 iframe。這可能源自 HTML
<iframe>標籤。 image-
目標是影像。這可能源自 HTML
<img>，SVG<image>，CSSbackground-image，CSScursor，CSSlist-style-image等。 manifest-
目標是清單。這可能源自 HTML <link rel=manifest>。
object-
目標是物件。這可能源自 HTML
<object>標籤。 paintworklet-
目標是繪製 worklet。這可能源自對
CSS.PaintWorklet.addModule()的呼叫。 report-
目標是報告（例如，內容安全策略報告）。
script-
目標是指令碼。這可能源自 HTML
<script>標籤或對WorkerGlobalScope.importScripts()的呼叫。 serviceworker-
目標是服務工作者。這可能源自對
navigator.serviceWorker.register()的呼叫。 -
目標是共享工作者。這可能源自
SharedWorker。 style-
目標是樣式。這可能源自 HTML <link rel=stylesheet> 或 CSS
@import。 track-
目標是 HTML 文字軌道。這可能源自 HTML
<track>標籤。 video-
目標是影片資料。這可能源自 HTML
<video>標籤。 webidentity-
目標是與驗證使用者身份相關的端點。例如，它在 FedCM API 中用於驗證身份提供者 (IdP) 端點的真實性，防止 CSRF 攻擊。
worker-
目標是
Worker。 xslt-
目標是 XSLT 變換。
示例
由 <img> 元素生成的跨站點請求會導致具有以下 HTTP 請求頭的請求（請注意，目標是image）
Sec-Fetch-Dest: image
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site
規範
| 規範 |
|---|
| 獲取元資料請求頭 # sec-fetch-dest-header |
瀏覽器相容性
BCD 表格僅在瀏覽器中載入
另請參閱
- 相關頭
- 使用獲取元資料保護您的資源免受網路攻擊 (web.dev)
- 獲取元資料請求頭遊樂場 (secmetadata.appspot.com)