程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式師世界 >> 編程語言 >  >> 更多編程語言 >> Python

解決Django cors跨域問題

編輯:Python

Django cors跨域問題

前後端分離項目中的跨域問題 即同源策略

同源策略:同源策略/SOP(Same origin policy)是一種約定,由 Netscape 公司 1995 年引入浏覽器,它是浏覽器最核心也最基本的安全功能,現在所有支持 JavaScript 的浏覽器都會使用這個策略。如果缺少了同源策略,浏覽器很容易受到 XSS、 CSFR 等攻擊。

同源是指"協議+域名+端口"三者相同,即便兩個不同的域名指向同一個 ip 地址,也非同源。

源就是協議、域名和端口號。

協議:http,https

跨域:前端請求URL的協議、域名、端口與前端頁面URL不同就是跨域

在Django中解決跨域問題一、# 1、安裝第三方庫 django-cors-headers# 2、在settings.py中添加'corsheaders.middleware.CorsMiddleware',在SessionMiddleware和CommonMiddleware的中間# 3、在INSTALLED_APPS裡添加“corsheaders”INSTALLED_APPS = [ 'search.apps.SearchConfig', 'data.apps.DataConfig', 'record_data.apps.RecordDataConfig', 'deleted_data.apps.DeletedDataConfig', 'mgmt.apps.MgmtConfig', 'c_test.apps.CTestConfig', 'rest_framework', 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'corsheaders', # 新增]# 4、在中間件中添加corsheaders.middleware.CorsMiddleware,django.middleware.common.CommonMiddlewareMIDDLEWARE = [ # 'utils.middleware.ExceptionMiddleware', 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'corsheaders.middleware.CorsMiddleware', # 新增/必須在common中間件上面 'django.middleware.common.CommonMiddleware', # 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware',]# 5、在settings.py底部增加CORS_ALLOW_CREDENTIALS = True # 允許攜帶cookieCORS_ORIGIN_ALLOW_ALL = True # 放行所有CORS_ORIGIN_WHITELIST = ('*') # 白名單# CORS_ALLOW_METHODS:字符串列表,允許用哪些HTTP請求方法。CORS_ALLOW_METHODS = ( 'DELETE', 'GET', 'OPTIONS', 'PATCH', 'POST', 'PUT', 'VIEW',)# CORS_ALLOW_HEADERS:字符串列表,允許使用哪些非標准HTTP請求頭。CORS_ALLOW_HEADERS = ( 'accept', 'accept-encoding', 'authorization', 'content-type', 'dnt', 'origin', 'user-agent', 'x-csrftoken', 'x-requested-with',)二、# 可以自己注冊一個中間件,在中間件process_response方法中對response進行封裝def process_response(self, request, response): response["Content-Type"] = "application/json" # 響應信息的內容格式 response["Access-Control-Allow-Origin"] = "*" # 允許跨域請求的源地址, * 表示:允許所有地址 response["Access-Control-Allow-Methods"] = "POST, GET, OPTIONS" # 允許跨域請求的具體方法 response["Access-Control-Max-Age"] = "1000" # 用來指定本次預檢請求的有效期,單位為秒,,在此期間不用發出另一條預檢請求。 response["Access-Control-Allow-Headers"] = "*" return response

跨域實現流程為

1、浏覽器會第一次先發送options請求詢問後端是否允許跨域,後端查詢白名單中是否有這兩個域名

2、如過域名在白名單中則在響應結果中告知浏覽器允許跨域

3、浏覽器第二次發送post請求,攜帶用戶登錄數據到後端,完成登錄驗證操作

到此這篇關於Django cors跨域問題的文章就介紹到這了,更多相關Django cors跨域內容請搜索軟件開發網以前的文章或繼續浏覽下面的相關文章希望大家以後多多支持軟件開發網!



  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式師世界 All Rights Reserved