django 前端请求跨域问题解决

django 前端请求跨域问题解决

笔者之前在做django-restful-api开发的时候，在前端请求页面发送请求的时候直接出现301，域名重定向的问题，经过一番查阅资料，终于得到了非常完美的解决办法，现将次方法分享出来，共广大小伙伴使用，亲测有效^-^

1. 安装django-cors-headers
   
   pin install django-cors-headers

2. 在项目的settings.py文件进行如下配置
   
   INSTALLED_APPS = [
   
   'django.contrib.admin',
   
   'django.contrib.auth',
   
   'django.contrib.contenttypes',
   
   'django.contrib.sessions',
   
   'django.contrib.messages',
   
   'django.contrib.staticfiles',
   
   '...',
   
   'corsheaders',
   
   '...',
   
   ]

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

   CORS_ALLOW_CREDENTIALS = True
   
   CORS_ORIGIN_ALLOW_ALL = True
   
   CORS_ORIGIN_WHITELIST = (
   
   '*',
   
   )

   CORS_ALLOW_METHODS = (
   
   'DELETE',
   
   'GET',
   
   'OPTIONS',
   
   'PATCH',
   
   'POST',
   
   'PUT',
   
   'VIEW',
   
   )

   CORS_ALL_HEADERS = (
   
   'XMLHttpRequest',
   
   'X_FILENAME',
   
   'accept-encoding',
   
   'authorization',
   
   'content-type',
   
   'dnt',
   
   'origin',
   
   'user-agent',
   
   'x-csrftoken',
   
   'x-requested-with',
   
   'Pragma',
   
   )
   
   根据上面配置进行修改就可以完美的解决跨域问题了！