vue django跨域問題的學習

2021-10-18 12:40:48 字數 1220 閱讀 4235

在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...