Setting up Django (with DRF) project to work with React

Django With React.md

• Install django-cors-headers: pipenv install django-cors-headers

• In your settings.py

  • Add corsheaders to your INSTALLED_APPS
  • Add the following Middlewares:

  MIDDLEWARE = [
  'corsheaders.middleware.CorsMiddleware', # new
  'django.middleware.common.CommonMiddleware', # new
  'django.middleware.security.SecurityMiddleware',
  'django.contrib.sessions.middleware.SessionMiddleware',
  'django.middleware.common.CommonMiddleware',
  'django.middleware.csrf.CsrfViewMiddleware',
  'django.contrib.auth.middleware.AuthenticationMiddleware',
  'django.contrib.messages.middleware.MessageMiddleware',
  'django.middleware.clickjacking.XFrameOptionsMiddleware',
  ]

  • Add

  CORS_ORIGIN_WHITELIST = (
    'localhost:3000/'
  )