Comment inclure automatiquement les cookies dans les requêtes Axios ?

Automatisation de l'inclusion des cookies dans les requêtes Axios

Lorsque vous utilisez Axios pour envoyer des requêtes d'un client vers un serveur Express.js, il est souvent nécessaire de inclure les cookies dans les en-têtes de requête. Cependant, l'ajout manuel de cookies à chaque demande peut s'avérer fastidieux et sujet aux erreurs. Heureusement, Axios apporte une solution à ce problème.

Pour inclure automatiquement les cookies dans les requêtes Axios, vous pouvez utiliser la propriété withCredentials. Cette propriété indique si la demande doit ou non inclure des informations d'identification (cookies, authentification HTTP) dans son en-tête.

Définition manuelle de withCredentials

Pour des demandes spécifiques, vous pouvez définir withCredentials directement lors de la demande :

axios.get('some api url', { withCredentials: true }).then(response => ...

Activation avecCredentials for All Requêtes

Si vous souhaitez que toutes les requêtes Axios incluent automatiquement les cookies, vous pouvez définir la propriété withCredentials globalement comme ceci :

axios.defaults.withCredentials = true

Création d'une instance Axios personnalisée avec withCredentials

Une autre option consiste à créer une instance Axios personnalisée avec withCredentials activé pour des demandes spécifiques :

const instance = axios.create({
  withCredentials: true,
  baseURL: BASE_URL
})

instance.get('/todos')

Remarque :

Si vous utilisez un domaine différent pour votre client et votre serveur, définir withCredentials sur true est nécessaire pour permettre au serveur pour lire les cookies envoyés par le client.

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!