Wie kann ich bei Axios-Anfragen automatisch Cookies senden?

Axios-Cookie-Verwaltung: Cookies automatisch in Anfragen senden

Wenn Axios zum Senden von Anfragen vom Client an einen Express.js-Server verwendet wird, kann es erforderlich sein, automatisch zu senden Cookies in diesen Anfragen. In diesem Artikel wird erläutert, wie Sie diese Funktionalität erreichen.

Problembeschreibung

Sie verwenden Axios für die Client-Server-Kommunikation. Sie haben ein Cookie auf dem Client gesetzt, aber beim Zugriff auf Header oder Cookies auf dem Express.js-Server stellen Sie fest, dass diese in Ihrer Anfrage nicht vorhanden sind.

Lösung: Verwenden der withCredentials-Eigenschaft

Die withCredentials-Eigenschaft eines Axios-Anfrageobjekts ermöglicht es ihm, Cookies automatisch zu senden. Mit dieser Eigenschaft können XMLHttpRequest-Anfragen von einer anderen Domäne Cookie-Werte für ihre eigene Domäne festlegen.

Implementierungsoptionen

Es gibt drei Möglichkeiten, die withCredentials-Eigenschaft zu verwenden:

1. Geben Sie es individuell an Anfragen:

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

2. Legen Sie es als Standard für alle Axios-Anfragen fest:

axios.defaults.withCredentials = true;

3. Verwenden Sie eine Axios-Instanz mit Anmeldeinformationen:

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

Fazit

Die Verwendung der withCredentials-Eigenschaft mit Axios stellt sicher, dass auf dem Client gesetzte Cookies automatisch in alle nachfolgenden Anfragen einbezogen werden. Dies ermöglicht eine nahtlose Kommunikation zwischen dem Client und dem Server und ermöglicht die Verwendung von Cookies zur Authentifizierung, Sitzungsverfolgung und anderen Zwecken.

Das obige ist der detaillierte Inhalt vonWie kann ich bei Axios-Anfragen automatisch Cookies senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!