為什麼我的瀏覽器拒絕接受來自跨來源回應的 Cookie？

瀏覽器拒絕接受來自跨來源回應的Set-Cookie 標頭

您的應用程式在從後端設定HTTP cookie 時遇到困難，並且檢索它以供後續請求。要解決此問題，您需要在用戶端程式碼中解決 withCredentials 的放置問題。

而不是：

const axiosAuth = axios.create({
  validateStatus: (status: number) => {
    return status >= 200 && status < 300;
  },
  headers: {
    Accept: `application/json`,
    'Content-Type': 'application/json',
    withCredentials: true, // Incorrect
  },
});

您應該：

const axiosAuth = axios.create({
  validateStatus: (status: number) => {
    return status >= 200 && status < 300;
  },
  headers: {
    Accept: `application/json`,
    'Content-Type': 'application/json',
  },
  withCredentials: true, // Correct
});

放置正如更正後的代碼所示，withCredentials 作為請求屬性，使瀏覽器能夠發送和接收跨來源請求的cookie。這將允許您的前端正確設定和存取刷新令牌 cookie 以進行身份驗證。

以上是為什麼我的瀏覽器拒絕接受來自跨來源回應的 Cookie？的詳細內容。更多資訊請關注PHP中文網其他相關文章！