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

在Axios 請求中自動包含Cookie

當使用Axios 從客戶端向伺服器發出請求時，通常需要發送嵌入在其中的Cookie那些請求。如果您沒有手動新增它們，您可能會在伺服器程式碼中存取這些cookie 時遇到困難，如提供的範例所示，儘管在Express.js 中使用了cookieParser 中間件，但req.headers 和req.cookies 仍為空。

To為了解決這個問題，Axios 提供了 withCredentials 屬性。啟用此屬性可確保憑證（包括 cookie）自動包含在 Axios 發出的所有請求中。此行為模仿 XMLHttpRequest 物件的預設行為，允許 cookie 安全地跨不同網域傳輸。

以下是配置 withCredentials 的三種方法：

1. 啟用它所有Axios請求：

axios.defaults.withCredentials = true;

2. 針對特定請求啟用它：

axios.get(BASE_URL + '/todos', { withCredentials: true });

3. 使用withCredentials 建立Axios實例啟用：

const instance = axios.create({
   withCredentials: true,
   baseURL: BASE_URL
});
instance.get('/todos');

透過將withCredentials設為true，Axios將自動在所有請求中包含cookie，消除了手動幹預的需要，並確保跨請求的無縫身份驗證和追蹤。

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