Warum lehnt mein Browser die Annahme von Cookies aus einer Cross-Origin-Antwort ab?

Browser weigert sich, Set-Cookie-Header von Cross-Origin-Antwort zu berücksichtigen

Ihre Anwendung hat Schwierigkeiten beim Setzen eines HTTP-Cookies vom Backend und Abrufen für spätere Anfragen. Um dieses Problem zu beheben, müssen Sie sich mit der Platzierung von withCredentials in Ihrem Client-Code befassen.

Anstelle von:

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

Sie sollten Folgendes haben:

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

Platzierung withCredentials als Anforderungseigenschaft, wie im korrigierten Code zu sehen ist, ermöglicht dem Browser das Senden und Empfangen von Cookies für ursprungsübergreifende Anforderungen. Dadurch kann Ihr Frontend das RefreshToken-Cookie zu Authentifizierungszwecken ordnungsgemäß setzen und darauf zugreifen.

Das obige ist der detaillierte Inhalt vonWarum lehnt mein Browser die Annahme von Cookies aus einer Cross-Origin-Antwort ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!