Django cors跨域問題

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

創(chuàng)新互聯(lián)專注于酒泉網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供酒泉營銷型網(wǎng)站建設(shè)，酒泉網(wǎng)站制作、酒泉網(wǎng)頁設(shè)計、酒泉網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造酒泉網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供酒泉網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

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

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

源就是協(xié)議、域名和端口號。

協(xié)議：http,https

跨域：前端請求URL的協(xié)議、域名、端口與前端頁面URL不同就是跨域

在Django中解決跨域問題

一、

# 1、安裝第三方庫 django-cors-headers
# 2、在settings.py中添加'corsheaders.middleware.CorsMiddleware',在SessionMiddleware和CommonMiddleware的中間
# 3、在INSTALLED_APPS里添加“corsheaders”

INSTALLED_APPS = [
    'search.apps.SearchConfig',
    'record_data.apps.RecordDataConfig',
    'deleted_data.apps.DeletedDataConfig',
    '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.CommonMiddleware

MIDDLEWARE = [
    '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',
    'utils.middleware.ExceptionMiddleware',
]

# 5、在項目配置文件底部增加

CORS_ALLOW_CREDENTIALS = True  # 允許攜帶cookie
CORS_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"  # 響應(yīng)信息的內(nèi)容格式
    response["Access-Control-Allow-Origin"] = "*"  # 允許跨域請求的源地址， * 表示：允許所有地址
    response["Access-Control-Allow-Methods"] = "POST, GET, OPTIONS"  # 允許跨域請求的具體方法
    response["Access-Control-Max-Age"] = "1000"  # 用來指定本次預(yù)檢請求的有效期，單位為秒，，在此期間不用發(fā)出另一條預(yù)檢請求。
    response["Access-Control-Allow-Headers"] = "*"
    return response

• 跨域?qū)崿F(xiàn)流程為

  1、瀏覽器會第一次先發(fā)送options請求詢問后端是否允許跨域，后端查詢白名單中是否有這兩個域名

  2、如過域名在白名單中則在響應(yīng)結(jié)果中告知瀏覽器允許跨域

  3、瀏覽器第二次發(fā)送post請求，攜帶用戶登錄數(shù)據(jù)到后端，完成登錄驗證操作

新聞標題：Django cors跨域問題
當(dāng)前網(wǎng)址：http://www.yijiale78.com/article10/dsogjdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)站策劃、品牌網(wǎng)站制作、網(wǎng)頁設(shè)計公司、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)