Cross-Origin Resource Sharing（CORS）跨域資源共享是一份瀏覽器技術的規范，提供了 Web 服務從不同域傳來沙盒腳本的方法，以避開瀏覽器的同源策略，是 JSONP 模式的現代版。與 JSONP 不同，CORS 除了 GET 要求方法以外也支持其他的 HTTP 要求。用 CORS 可以讓網頁設計師用一般的 XMLHttpRequest，這種方式的錯誤處理比 JSONP 要來的好。另一方面，JSONP 可以在不支持 CORS 的老舊瀏覽器上運作?，F代的瀏覽器都支持 CORS。

引入 django-cors-middleware

pip install django-cors-middleware
在 settings.py中添加，注意：不添加的話無法生效

INSTALLED_APPS = (
...
'corsheaders',
)
添加 中間件 監聽

MIDDLEWARE = [
...
'corsheaders.middleware.CorsMiddleware',
'django.middleware.common.CommonMiddleware',
...
]
配置允許跨域訪問的域名

CORS_ORIGIN_ALLOW_ALL = False
CORS_ORIGIN_WHITELIST = (
'google.com',
'hostname.example.com'
)
默認值是全部:

CORS_ORIGIN_WHITELIST = ()
或者定義允許的匹配路徑正則表達式.

CORS_ORIGIN_REGEX_WHITELIST = ('^(https?://)?(\w+.)?>google.com$', )
默認值:

CORS_ORIGIN_REGEX_WHITELIST = ()
設置允許訪問的方法:

CORS_ALLOW_METHODS = (
'GET',
'POST',
'PUT',
'PATCH',
'DELETE',
'OPTIONS'
)
設置允許的header：

默認值:

CORS_ALLOW_HEADERS = (
'x-requested-with',
'content-type',
'accept',
'origin',
'authorization',
'x-csrftoken'
)

本文轉自 aaron428 51CTO博客，原文鏈接:http://blog.51cto.com/aaronsa/2071108

總結

以上是生活随笔為你收集整理的用CORS 解决vue.js django跨域调用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。