Pourquoi mon navigateur refuse-t-il d'accepter les cookies d'une réponse d'origine croisée ?

Le navigateur refuse d'honorer l'en-tête Set-Cookie à partir d'une réponse d'origine croisée

Votre application rencontre des difficultés pour définir un cookie HTTP à partir du backend et le récupérer pour les demandes ultérieures. Pour résoudre ce problème, vous devez régler le placement de withCredentials dans votre code client.

Au lieu de :

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

Vous devriez avoir :

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

Placer withCredentials en tant que propriété de requête, comme le montre le code corrigé, permet au navigateur d'envoyer et de recevoir des cookies pour les requêtes d'origine croisée. Cela permettra à votre frontal de définir correctement et d'accéder au cookie rafraîchissementToken à des fins d'authentification.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!