FastAPI Cookie Not Received by React Frontend: Resolution

When using FastAPI as the backend and React as the frontend communicated via AJAX requests, cookies set by FastAPI might fail to be received by React. This inconsistent behavior can be attributed to the distinct port numbers used by both applications, which creates a cross-origin request scenario.

To address this issue, several steps are necessary:

1. Set Cookies Correctly in FastAPI:
   Ensure that cookies are created and set in FastAPI without errors.验证该响应是否包含一个“状态”：“成功”，具有200个状态代码。
2. 在React中启用Cookie Concectance：

   在您的React应用程序中配置AXIOS请求，以通过将带有Credentials属性设置为TRUE来接收Cookie。这对于交叉原始请求是必要的，要求包括cookie等凭据。 }）; 在fastapi中指定允许的启动：由于请求的交叉孔子性质，因此您必须明确指定允许访问API的起源。这包括您的React前端的域和端口。
   在corsmiddleware中允许凭证：

   在您的FastApi应用程序中，请确保Corsmiddleware配置为Allow_credentials设置为true。这将访问控制的标题设置为true，从而允许凭据包含在交叉响应中。

   
   通过遵循以下步骤，FastApi应该成功地将cookie返回您的React FrontEnd。请记住要彻底检查cookie是否正确设置了，没有在Axios Post请求中返回错误。