fastapi cookie, die nicht von React Frontend empfangen werden: Resolution

Wenn die Verwendung von Fastapi verwendet wird, wie das Backend als Frontend über AJAX -Anfragen, die von Fastapi festgelegt wurden, möglicherweise nicht von Reacte -Kochanfragen gesetzt werden, werden möglicherweise nicht von React beauftragt. Dieses inkonsistente Verhalten kann auf die unterschiedlichen Portnummern zurückgeführt werden, die von beiden Anwendungen verwendet werden, was ein Szenario für das Cross-Origin-Anfrage erstellt. Stellen Sie sicher, dass die Antwort einen "Status" enthält: "Erfolg" mit einem 200 -Status -Code.

Aktivieren Sie die Cookie -Akzeptanz in React:
1. Konfigurieren Sie die Axios -Anfrage in Ihrer React -App, um Cookies zu empfangen, indem Sie die Eigenschaft der Witcedentials auf wahre Eigenschaft einstellen. Dies ist notwendig, damit Cross-Origin-Anfragen Anmeldeinformationen wie Cookies einfügen. });
   
2. Geben Sie erlaubte Ursprünge in Fastapi an:

   Aufgrund der Kreuzung der Anfrage müssen Sie ausdrücklich die Ursprünge angeben, die auf Ihre API zugreifen dürfen. Dies schließt die Domäne und den Port Ihres React Frontend ein.
   

   Zulassenanmeldeinformationen in corsmiddleware:

   
   In Ihrer Fastapi -Anwendung stellen Sie sicher, dass die Corsmiddleware mit dem auf True festgelegten Zulassungen konfiguriert ist. Dadurch wird der Header des Access-Control-Allow-Credentials auf True festgelegt, sodass Anmeldeinformationen in die Antworten von Cross-Originen aufgenommen werden können.

   
   Wenn diese Schritte befolgt werden, sollte Fastapi Cookies erfolgreich an Ihren React-Frontend zurückgeben. Denken Sie daran, gründlich zu überprüfen, ob das Cookie korrekt eingestellt ist, ohne dass Fehler in der Axios Post -Anfrage zurückgegeben werden.