在vue中進行axios請求資料的資料是彈出錯誤資訊
no 『access-control-allow-origin』 header is present on the requested resource.出現了跨域問題
解決方法:
安裝django-cors-headers
pip3 install django-cors-headers
在setting.py檔案中的:
middleware新增corsheaders.middleware.corsmiddleware
middleware =
['django.middleware.security.securitymiddleware'
,'django.contrib.sessions.middleware.sessionmiddleware'
,'django.middleware.common.commonmiddleware',.
....
.]
[..
...'corsheaders',.
....
]在最後加入:
# 定義允許的匹配路徑正規表示式
cors_urls_regex =
'^.*$'
# 設定允許訪問的方法
cors_allow_methods =
('delete'
,'get'
,'options'
,'patch'
,'post'
,'put'
,'view',)
# 設定允許的header
cors_allow_headers =
('accept'
,'accept-encoding'
,'authorization'
,'content-type'
,'dnt'
,'origin'
,'user-agent'
,'x-csrftoken'
,'x-requested-with'
,)
成功請求到資料
參考: 連線
新手學跨域
協議 http,https,ftp etc.網域名稱 foo.com,bar.com,img.foo.com 埠 80,8080,其中有乙個不一致即形成跨域。跨域是一種解決瀏覽器同源策略限制的手段,應根據場景選用合適的跨域方法,而不是在一種場景下隨便哪個都可以。開啟控制台,如果出現類似下面的錯誤資訊...
新手學跨域
協議 http,https,ftp etc.網域名稱 foo.com,bar.com,img.foo.com 埠 80,8080,其中有乙個不一致即形成跨域。跨域是一種解決瀏覽器同源策略限制的手段,應根據場景選用合適的跨域方法,而不是在一種場景下隨便哪個都可以。開啟控制台,如果出現類似下面的錯誤資訊...
跨域的問題
傳統的jsonp跨域方法 jq的ajax呼叫是最常見的呼叫方法之一,在自己寫一些小demo過程中,總是會遇到跨域問題,一般遇到跨域問題時,就會出現類似錯誤情況 no access control allow origin header is present on the requested reso...