Django CORS Problem

Python: 3.5
Django: 2.1.5

Problem Desc:
Django works as an API backend, frontend use VUE.
The request was blocked by CORS policy because the header doesn't involve 'Access-Control-Allow-Origin'.

15554720745855.png

1. install django-cors-headers

pipenv install django-cors-headers

2. add to settings.py

INSTALLED_APPS = (
    ...
    'corsheaders',
    ...
)

3. add middleware to settings.py

MIDDLEWARE = [  # Or MIDDLEWARE_CLASSES on Django < 1.10
    ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    ...
]

4. add your request source to whitelist

# replace with your own frontend server address
CORS_ORIGIN_WHITELIST = (
    '<server address>'
)

5. restart service, done!