為什麼我的瀏覽器不儲存跨來源請求的 Cookie？

瀏覽器拒絕在跨來源請求中儲存Cookie

問題描述：

使用Go 伺服器的React 應用程式儘管已成功設置，但在儲存登入請求回應中發送的cookie 時遇到困難。該 cookie 在網頁標籤中可見，但瀏覽器（Chrome 和 Firefox）不會保存它。

根本原因和解決方案：

經過進一步調查，它發現缺少的成分是獲取請求中的「憑證」標誌。設定「憑證：「包含」」允許瀏覽器處理和儲存回應中收到的 cookie。更正後的取得請求為：

fetch(`${url}/login`, {
    method: "POST",
    headers: {
        "Content-Type": "application/json",
    },
    credentials: "include", // This here
    body: JSON.stringify({
        email: userDetails.email,
        password: userDetails.password,
    }),
}).then((response) => { ...

其他注意事項：

• 確保伺服器設定了 CORS 處理程序以允許跨域請求憑證。
• 對於自訂 CORS 配置，請將「AllowCredentials」設為true。
• 驗證回應標頭以確認 cookie 已如預期設定。

以上是為什麼我的瀏覽器不儲存跨來源請求的 Cookie？的詳細內容。更多資訊請關注PHP中文網其他相關文章！