1. 程式人生 > 其它 >Django:前後端分離專案,解決前端跨域訪問

Django:前後端分離專案,解決前端跨域訪問

技術標籤:PythonDjango後端djangopython

前端訪問後端介面,出現上述錯誤。

感謝:https://www.cnblogs.com/achai222/p/14001278.html

解決方法:

1、安裝cors中介軟體:pip install django-cors-headers

2、在settings中配置cors

INSTALLED_APPS = [
 'corsheaders',
]

MIDDLEWARE = [
    'corsheaders.middleware.CorsMiddleware',
]


# 白名單配置
# CORS_ORIGIN_WHITELIST = (
#      'https://127.0.0.1:8000',
#      'https://localhost:8000',
# )
# 全部允許配置
CORS_ORIGIN_ALLOW_ALL = True

# 允許cookie
CORS_ALLOW_CREDENTIALS = True  # 指明在跨域訪問中,後端是否支援對cookie的操作。
# 允許的請求方式
CORS_ALLOW_METHODS = (
     'DELETE',
     'GET',
     'OPTIONS',
     'PATCH',
     'POST',
     'PUT',
     'VIEW',
)
# 允許的請求頭
CORS_ALLOW_HEADERS = (
     'XMLHttpRequest',
     'X_FILENAME',
     'accept-encoding',
     'authorization',
     'content-type',
     'dnt',
     'origin',
     'user-agent',
     'x-csrftoken',
     'x-requested-with',
     'Pragma',
     'X-Auth0-Token',
)