Wie füge ich Cookies automatisch in Axios-Anfragen ein?

Automatisieren der Cookie-Einbindung in Axios-Anfragen

Wenn Axios verwendet wird, um Anfragen von einem Client an einen Express.js-Server zu senden, ist dies häufig erforderlich Fügen Sie Cookies in die Anforderungsheader ein. Das manuelle Hinzufügen von Cookies zu jeder Anfrage kann jedoch mühsam und fehleranfällig sein. Glücklicherweise bietet Axios eine Lösung für dieses Problem.

Um Cookies automatisch in Axios-Anfragen einzubinden, können Sie die Eigenschaft withCredentials verwenden. Diese Eigenschaft gibt an, ob die Anfrage Anmeldeinformationen (Cookies, HTTP-Authentifizierung) im Header enthalten soll oder nicht.

withCredentials manuell festlegen

Für bestimmte Anfragen können Sie withCredentials festlegen direkt bei der Anfrage:

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

Freigabe withCredentials für alle Anfragen

Wenn Sie möchten, dass alle Axios-Anfragen automatisch Cookies enthalten, können Sie die withCredentials-Eigenschaft global wie folgt festlegen:

axios.defaults.withCredentials = true

Ein benutzerdefiniertes Axios erstellen Instanz mit withCredentials

Eine weitere Möglichkeit besteht darin, ein benutzerdefiniertes Axios zu erstellen Instanz mit aktiviertem withCredentials für bestimmte Anfragen:

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

instance.get('/todos')

Hinweis:

Wenn Sie eine andere Domäne für Ihren Client und Server verwenden, ist die Einstellung von withCredentials auf „true“ sinnvoll notwendig, damit der Server die vom Client gesendeten Cookies lesen kann.

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