Comment configurer Axios pour inclure automatiquement les cookies dans les requêtes adressées à un serveur Express.js ?

Configuration d'Axios pour l'inclusion automatique des cookies

Énoncé du problème :

Lors de l'envoi de requêtes HTTP d'un client vers un Express. js utilisant Axios, les cookies installés sur le client ne sont pas automatiquement envoyés dans les requêtes. Par conséquent, le code côté serveur ne peut pas accéder à ces cookies à des fins d'authentification ou à d'autres fins.

Solution : propriété withCredentials

Pour résoudre ce problème, la bibliothèque Axios fournit la propriété withCredentials. Le définir sur true active les informations d'identification de transfert de requêtes intersites (CORS), permettant à Axios d'inclure des cookies dans ses requêtes.

axios.get(`some api url`, { withCredentials: true });

Cette propriété peut être appliquée à des requêtes Axios individuelles ou définie par défaut pour toutes les requêtes. :

// Force credentials for all Axios requests
axios.defaults.withCredentials = true;

// Use credentials for a specific Axios request instance
const instance = axios.create({
  withCredentials: true,
  baseURL: BASE_URL
});
instance.get('/todos');

En définissant withCredentials sur true, les informations d'identification CORS sont activées, garantissant que les cookies sont automatiquement envoyés dans les requêtes Axios au domaine configuré. Cela permet au code côté serveur d'accéder et d'utiliser ces cookies pour la gestion de session, l'authentification ou à toute autre fin nécessaire.

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!