一、什么是跨域請求

跨域：

簡單來說就是 A 網(wǎng)站的 javascript 代碼試圖訪問 B 網(wǎng)站，包括提交內(nèi)容和獲取內(nèi)容。這顯然是不安全的。為此，瀏覽器的鼻祖：網(wǎng)景（Netscape）公司提出了優(yōu)秀的解決方案：著名的瀏覽器同源策略。現(xiàn)在所有支持JavaScript的瀏覽器都會使用這個策略。

同源：域名、協(xié)議、端口均相同的網(wǎng)站即為同源。

流程：

當(dāng)一個瀏覽器的兩個Tab頁分別打開百度和谷歌頁面時，百度發(fā)起一個腳本執(zhí)行，此時瀏覽器會檢查該腳本屬于哪個頁面。即檢查是否同源。只有和百度同源的腳本才會被執(zhí)行。若非同源，在請求數(shù)據(jù)時，瀏覽器會在控制臺報一個異常。提示拒絕訪問。

ps: 以上關(guān)于同源策略解釋參考自百度百科-同源策略。

二、關(guān)于解決跨域請求

解決跨域請求從前端到后端有N種解決方式。我不在此一一列舉。只分享一個目前看來對django處理跨域請求的最佳方案。

1.安裝django-cors-headers

pip install django-cors-headers

2.配置settings.py文件

INSTALLED_APPS = [ ... ’corsheaders’， ... ] MIDDLEWARE_CLASSES = ( ... ’corsheaders.middleware.CorsMiddleware’, ’django.middleware.common.CommonMiddleware’, # 注意順序 ...)#跨域增加忽略CORS_ALLOW_CREDENTIALS = TrueCORS_ORIGIN_ALLOW_ALL = TrueCORS_ORIGIN_WHITELIST = ( ’*’) 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’,)

通過以上配置，即可完美解決django跨域請求處理。唯一需要注意的就是cors-headers的中間件CorsMiddleware在注冊時必須放在django-common中間件的前一個。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。