DEV Community


Django Sessions not working as expected when using cors

rincorpes profile image Santiago Rincón ・2 min read

I have this app with Django and rest_framework and another one with Express. The Django one has an endpoint to log users in, auth/login. The Express app has a form that posts the user data to a route which, using axios, makes an API call to the Django app to log the user in.

When I test the endpoint from the DRF view it works perfectly but the problem comes when I try to login from the Express app.

Here is the endpoint view


from django.contrib.auth import authenticate, login
from rest_framework.decorators import api_view, permission_classes
from rest_framework.response import Response
from rest_framework.permissions import AllowAny
from rest_framework import status

def api_login(request):

  username =["username"]
  password =["password"]

  user = authenticate(request, username=username, password=password)

  if user is not None:
     login(request, user)
     return Response(status=status.HTTP_200_OK)

  return Response(status=status.HTTP_400_BAD_REQUEST)
Enter fullscreen mode Exit fullscreen mode

On the DRF view, I add a valid username and password, I post it and everything works fine. I can enter the Django admin panel, and there is a cookie for the session id as it is supposed to be.

Here is the Express app route code

const axios = require('axios')

axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";
axios.defaults.xsrfCookieName = "csrftoken";
axios.defaults.withCredentials = true

...'/login', (req, res) => {'', req.body)
    .then(rv => {
      console.log('login', rv)
    .catch(err => {
      console.log('error', err)
Enter fullscreen mode Exit fullscreen mode

Here is where things turn weird. This almost works. The endpoint receives the data, the user is authenticated, it returns status code 200, and even the session is stored into the database but there is no cookie named sessionid which is what I am expecting.

I'm using cors this way






Enter fullscreen mode Exit fullscreen mode

BTW, I have another endpoint just like this but to register new users and it works perfectly from the Express app, so I don't know. I guess something is wrong on my Django app settings file but I'm not sure. I hope someone here can help me with this.

Discussion (3)

Editor guide
rhymes profile image

I'm not familiar with these tools but I noticed this on the readme of django-cors-headers:

Note: in Django 2.1 the SESSION_COOKIE_SAMESITE setting was added, set to 'Lax' by default, which will prevent Django's session cookie being sent cross-domain. Change it to None to bypass this security restriction.

Could it be that the cookie the server is setting isn't correctly configured for cross domain requests?

See also

Let me know if we are on the right path :)

rincorpes profile image
Santiago Rincón Author

I already tried that but it didn't work. Someone at StackOverflow told me I needed it to create a token in the Express app and send it with the user data to the Django app. I will try that. I'll let you know.

diwakargupta profile image
Diwakar Gupta

set SESSION_COOKIE_SAMESITE=None in settings