Comment puis-je envoyer automatiquement des cookies avec les requêtes Axios ?

Gestion des cookies Axios : envoi automatique de cookies dans les requêtes

Lorsque vous utilisez Axios pour envoyer des requêtes du client vers un serveur Express.js, il peut être nécessaire d'envoyer automatiquement cookies dans ces demandes. Cet article explique comment obtenir cette fonctionnalité.

Description du problème

Vous utilisez Axios pour la communication client-serveur. Vous avez défini un cookie sur le client, mais lorsque vous accédez aux en-têtes ou aux cookies du serveur Express.js, vous constatez qu'ils ne sont pas présents dans votre requête.

Solution : Utilisation de la propriété withCredentials

La propriété withCredentials d'un objet de requête Axios lui permet d'envoyer des cookies automatiquement. Cette propriété permet aux requêtes XMLHttpRequest d'un domaine différent de définir des valeurs de cookie pour leur propre domaine.

Options d'implémentation

Il existe trois façons d'utiliser la propriété withCredentials :

1. Spécifiez-le pour les demandes individuelles :

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

2. Définissez-le par défaut pour toutes les demandes Axios :

axios.defaults.withCredentials = true;

3. Utilisez une instance axios avec des informations d'identification :

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

Conclusion

L'utilisation de la propriété withCredentials avec Axios garantit que les cookies définis sur le client sont automatiquement inclus dans toutes les demandes ultérieures. Cela permet une communication transparente entre le client et le serveur, permettant l'utilisation de cookies pour l'authentification, le suivi de session et à d'autres fins.

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!