React-Django csrf токен Аутентификация

Я действительно застрял здесь, и я перепробовал все, что видел в Интернете. Я следовал этому руководству для выполнения аутентификации токена react-Django csrf.

когда я отправляю запрос на csrf cookie, похоже, что все работает на стороне бэкенда (django):

[05/Oct/2022 22:21:59] "GET /accounts/csrf_cookie HTTP/1.1" 200 29

@method_decorator(ensure_csrf_cookie, name='dispatch')
class GetCSRFToken(APIView):
    permission_classes = (permissions.AllowAny, )
    def get(self, request, format=None):
        return Response({'success': 'CSRF cookie set'})

И то же самое со стороны фронтенда (react):

1. {data: {…}, status: 200, statusText: 'OK', headers: {…}, config: {…}, …}

  1. config: {transitional: {…}, transformRequest: Array(1), transformResponse: Array(1), timeout: 0, adapter: ƒ, …}
  2. data: {success: 'CSRF cookie set'}
  3. headers: {content-length: '29', content-type: 'application/json'}
  4. request: XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}
  5. status: 200
  6. statusText: "OK"
  7. [[Prototype]]: Object
  useEffect(() => {
    const fetchData = async () => {
      try {
        const res = await axios.get(
          `${process.env.REACT_APP_API_URL}/accounts/csrf_cookie`
        );
        console.log(res);
      } catch (err) {
        console.log(err);
      }
    };

    fetchData();
    setcsrftoken(getCookie("csrftoken"));
  }, []);

Снова кажется, что весь процесс завершился успешно, проблема в том, что на практике в моем браузере не появляется cookie!

  • Если я ввожу вручную

http://127.0.0.1:8000//accounts/csrf_cookie

Я получаю cookie для браузера...

Я буду благодарен за любую помощь, потому что я уже потратил слишком много времени на это, спасибо!

Вернуться на верх