首頁 >web前端 >js教程 >如何在axios請求中自動包含cookie?

如何在axios請求中自動包含cookie?

Barbara Streisand
Barbara Streisand原創
2024-12-07 00:55:12902瀏覽

How to Automatically Include Cookies in Axios Requests?

在Axios 請求中自動包含Cookie

當使用Axios 將請求從客戶端發送到Express.js 伺服器時,通常需要在請求標頭中包含cookie。然而,手動向每個請求添加 cookie 可能很乏味且容易出錯。幸運的是,Axios 為這個問題提供了解決方案。

要在 Axios 請求中自動包含 cookie,可以使用 withCredentials 屬性。此屬性指示請求是否應在其標頭中包含憑證(cookie、HTTP 驗證)。

手動設定withCredentials

對於特定請求,您可以設定withCredentials直接在提出請求時:

axios.get('some api url', { withCredentials: true }).then(response => ...

所有請求的withCredentials

如果您希望所有Axios 請求自動包含cookie,您可以全域設定withCredentials 屬性,如下所示:

axios.defaults.withCredentials = true

建立自訂Axios帶有withCredentials 的實例

另一個選項是建立為特定請求啟用withCredentials 的自訂Axios實例:

const instance = axios.create({
  withCredentials: true,
  baseURL: BASE_URL
})

instance.get('/todos')

注意:

如果您的客戶端和伺服器使用不同的網域,請設定withCredentials為true 是允許伺服器讀取客戶端發送的cookie 所必需的。

以上是如何在axios請求中自動包含cookie?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn